div的最大宽度错误，绝对位置在较小的div中，具有相对位置-Java 学习之路

我有一个相对于10px宽度和高度相对定位的div元素 . 在div里面我有div绝对定位，最大宽度为200px，这个div包含一个长文本 . 问题是内部div没有拉伸到200px但是更窄 . 有没有办法可以保持相同的属性并将内部div拉伸到200px？

<div style="position:relative; width:10px; height:10px; display:inline-block;">
  <div style="position:absolute; max-width:200px; display:block;">
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  </div>
</div>

演示：http://jsfiddle.net/LM3V4/6/

附加信息：外部div是文本中的一种图标，内部div是图标旁边的工具提示，因此我无法更改外部元素的大小 .

解决方案：好的，所以解决了我的问题是你必须用另一个div来封装内部元素：position和absolute设置为200px . http://jsfiddle.net/LM3V4/17/

2 回答

0
JsFiddle
```
min-width:200px;
```
你需要将max更改为min
回复于 2024-04-20T07:34:24+08:00
0
所以我不确定你想要实现什么，有人提到你的父容器宽度设置为10px所以孩子的最大宽度只能达到10px而不是200px . 我更新了你的jsfiddle，将max-width移动到外部div，如 -
```
.outer
{
  max-width: 200px;
}
```
在这里查看http://jsfiddle.net/LM3V4/15/，让我知道如果这是你需要改变DIV定位来实现这一点的效果，我把它保留原样 .
回复于 2024-04-20T07:34:24+08:00

div的最大宽度错误，绝对位置在较小的div中，具有相对位置

2 回答

相关问题