                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

为什么我给main函数也设置了背景颜色黑色，但是网页浏览效果只能看到里面的2个div的背景色，而且高度还是500px

main函数里只设置了宽度，没有设置高度，为什么最后默认为它2个子元素的高度？我设置背景色就是为了看main的高度，结果背景色没有显示

aparch

2016-03-18

源自：如何用CSS进行网页布局 3-1

关注问题我要回答

1167

操作

收起

1 回答

wrbjx 回答被采纳 +3 积分
2016-03-18

因为你的left和right浮动后，父级没有内容支撑高度，给main设置overflow:hidden就好了。

3 回复有任何疑惑可以回复我~

收起回答

aparch 提问者

非常感谢！

2016-03-18 回复有任何疑惑可以回复我~

wrbjx 回复和梦一起飞

“溢出隐藏”，可以解决父级因为子级浮动而导致父级没有内容支撑高度的问题。

2016-11-03 回复有任何疑惑可以回复我~

世界的我
2016-03-18

main的高度为0，可以通过设置main的border属性来观察

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

如何用CSS进行网页布局

参与学习 209624 人
解答问题 1153 个

用最简洁的案例教你布局的那些知识，这是前端工程师基本技能

进入课程

为什么我给main函数也设置了背景颜色黑色，但是网页浏览效果只能看到里面的2个div的背景色，而且高度还是500px

我要回答关注问题

热搜

最近搜索清空

为什么我给main函数也设置了背景颜色黑色，但是网页浏览效果只能看到里面的2个div的背景色，而且高度还是500px

1 回答

为什么我给main函数也设置了背景颜色黑色，但是网页浏览效果只能看到里面的2个div的背景色，而且高度还是500px