html - 为什么绝对定位的div在相对定位时会改变宽度?

标签 html css width css-position

我有一个显示一些文本并且绝对定位在页面上的 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/

相关文章:

html - Owl Carousel 2 使用 Bootstrap 4 显示不正确的宽度

html - CSS格式化表格行宽和列宽

css - 在 CSS 中指定用于打印的细线粗细

css - 为数据列表中的选项提供固定长度

css - 百分比宽度 div 之间的像素间距(以列为单位)?

html - 响应式网站问题开放空间

java - Jsoup从span类获取信息

html - Bootstrap 列有单独的滚动条

html - 最多 3 列和最少 2 列的 Flexbox 网格?等宽元素?

html - 如何使此图像水平拉伸(stretch)