html - 为什么绝对定位的DIV不继承父级的宽度?

标签 html css

为什么绝对定位的DIV不继承其父级的宽度? Div 有

div {
  position: absolute;
  top:100px;
}

<html>
<body>
  <div>This DIV</div>
</body>
</html>

在静态定位中,DIV 占用所有可用空间,DIV 的绝对宽度与其内容的长度一样长。

最佳答案

div 的默认宽度是自动的。它自动是里面内容的宽度。它不继承父级的宽度。为此,您需要在 div 的宽度上指定继承

div {
    position: absolute;
    top:100px;
    width: inherit;
}

http://codepen.io/anon/pen/BLPNrm

关于html - 为什么绝对定位的DIV不继承父级的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40031450/

相关文章:

css - 电话使用另一个媒体屏幕查询

javascript - 创建一个条件,使 &lt;input&gt; 在事件发生之前具有值 jQuery

javascript - Handlebars if/else 语句中的逻辑?

jquery - 选择多选下拉列表加载问题

php - 使用来自两个 SQL 表的标题创建一个 HTML 表

html - 使用 Grunt 编译 scss 的问题,无法检测某些类的某些样式。表达式引擎

html - 具有固定列宽的流体 flexbox 网格

javascript - jQuery 单选按钮 onChange 不工作

javascript - 在移动设备上显示内容并在桌面上隐藏

javascript - -CSS 中的无前缀脚本和前缀