最奇怪的事情正在发生..
我有一个显示一些文字的div，它绝对位于页面上。虽然它是绝对定位的，div只是足够大，可以显示它包含的文本。当我为该div添加内联样式以将其更改为相对定位时，div的宽度突然扩大以占据页面的100％...
我使用chrome dev工具来打开/关闭相对位置。将其关闭会导致宽度正确，将其重新打开会导致div扩展。它是一种内联样式，因此没有任何CSS类或选择器可以改变我的宽度。
我在Firefox中遇到了同样的问题。在Firebug中删除“position：relative”会导致宽度缩小到足以适合文本的宽度。
答案 0 :(得分：3)
如果你想要相对位置DIV获取他的内容宽度，那么你可以将float，display:inline或display:inline-block提供给你的DIV
答案 1 :(得分：0)
请你发布HTML和CSS，我可以看看它.. 同时你可能想看看 Position an HTML element relative to its container using CSS 并看看这是否可能对你有所帮助？
答案 2 :(得分：0)
在内容增长/缩小时更改大小使用类似：
<div style="min-height:30px;max-height:300px;">
这意味着它将在30到300像素之间变化，具体取决于内容
或
<div style="min-height:30px;height:auto;">
将在30px之间变化，并且容量与容器一样大（基本上是永远的）