3

我有一个 div 显示一些文本并且绝对定位在页面上。虽然它是绝对定位的，但 div 的大小刚好足以显示它包含的文本。当我向该 div 添加内联样式以将其更改为相对定位时，该 div 的宽度突然扩大到占据页面的 100%...

我使用 Chrome 开发工具来打开/关闭相对位置。关闭它会导致宽度正确，重新打开它会导致 div 扩展。它是一种内联样式，因此没有任何 CSS 类或选择器会改变我的宽度。

我在 Firefox 中遇到了同样的问题。在 Firebug 中删除position: relative会导致宽度缩小到刚好适合文本的宽度。

4

3 回答 3

3

如果你想要相对位置 DIV 取他的内容宽度，那么你可以给float,display:inline或display:inline-block给你的 DIV

于 2012-05-06T03:01:52.893 回答
0

能否请您发布 HTML 和 CSS，我可以看看它。同时，您可能想看看 使用 CSS 相对于其容器定位一个 HTML 元素 ，看看这是否可能对您有帮助？

于 2012-05-05T05:46:27.560 回答
0

随着内容的增长/缩小改变大小使用类似的东西：

<div style="min-height:30px;max-height:300px;">

这意味着它会根据内容在 30 到 300 像素之间变化

或者

<div style="min-height:30px;height:auto;">

这将在 30px 和它的容器允许的大小之间变化（所以永远，本质上）

于 2012-05-05T05:51:36.263 回答