我有一个相对于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/
答案 0 :(得分:0)
答案 1 :(得分:0)
所以我不确定你想要实现什么,有人提到你的父容器的宽度设置为10px所以孩子的最大宽度只能达到10px而不是200px。我已经更新了你的jsfiddle,将max-width移动到外部div,如 -
.outer
{
max-width: 200px;
}
在这里查看http://jsfiddle.net/LM3V4/15/,如果这是您正在寻找的效果或其他内容,请告诉我。此外,您无需更改DIV定位即可实现此目的,我将其保留原样。