Question

我有一个相对于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/

Answer 1

JsFiddle

min-width:200px;

您需要将max更改为min

Answer 2

所以我不确定你想要实现什么，有人提到你的父容器的宽度设置为10px所以孩子的最大宽度只能达到10px而不是200px。我已经更新了你的jsfiddle，将max-width移动到外部div，如 -

.outer
{
  max-width: 200px;
}

在这里查看http://jsfiddle.net/LM3V4/15/，如果这是您正在寻找的效果或其他内容，请告诉我。此外，您无需更改DIV定位即可实现此目的，我将其保留原样。

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

2 个答案: