我有一个显示一些文本并且绝对定位在页面上的 div。虽然它是绝对定位的,但 div 的大小足以显示它包含的文本。当我给那个div添加一个内联样式来改变它的相对定位时,div的宽度突然扩大到占据页面的100%...
我使用 Chrome 开发工具打开/关闭相对位置。将其关闭会使宽度正确,将其重新打开会使 div 扩展。这是一种内联样式,因此没有任何 CSS 类或选择器会改变我的宽度。
我在 Firefox 中遇到了同样的问题。在 Firebug 中删除 position: relative
会导致宽度缩小到刚好适合文本的宽度。
最佳答案
如果你想要相对位置的DIV取他的内容宽度那么你可以给float
, display:inline
或者display:inline - block
到你的DIV
关于html - 为什么绝对定位的div在相对定位时会改变宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10458868/