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

时间:2016-10-13 21:39:17

标签: html css html5 css3

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

$resources[0].Tags.Owner

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

3 个答案:

答案 0 :(得分:3)

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

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

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

答案 1 :(得分:2)

阅读@DaniP docs链接以获取答案。

添加样式宽度:继承以继承其父

的宽度



#divParent{
  width:300px;
}


#divAbsolute {
  position: absolute;
  top:100px;
  background:red;
  width:inherit;
}

<html>
<body>
  <div id="divParent">
    <div id="divAbsolute">This DIV</div>
  </div>  
</body>
</html>
&#13;
&#13;
&#13;

答案 2 :(得分:2)

  

因为绝对定位的元素不像块级元素那样表现,并且不像普通的div一样在彼此之后流动。

absolute position affects width?