100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html div高度跟随父级 html – CSS – 相对定位父div不伸展到绝对子div高度

html div高度跟随父级 html – CSS – 相对定位父div不伸展到绝对子div高度

时间:2024-05-15 03:32:26

相关推荐

html div高度跟随父级 html – CSS – 相对定位父div不伸展到绝对子div高度

我一直在搜索这个整个上午,似乎不能让它工作:

我有一个父DIV与相对定位和一个两列孩子DIV设置里面,它们都位于绝对。

我需要父DIV的高度来扩展内部DIV的内容。

我试着把一个.clearfix类型位在#content的结束标签之前,但我不浮动任何东西。我也试过添加一个float属性到#content div无效。任何人都可以在这里指向正确的方向。显然,我缺少一些嵌套显示如何影响彼此。

CSS:

#content {

width: 780px;

padding: 10px;

position: relative;

background: #8b847d;

}

#leftcol {

width: 500px;

position: absolute;

}

#rightcol {

width: 270px;

position: absolute;

left: 500px;

margin-left: 10px;

text-align: center;

}

HTML:

Lorem Ipsum

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。