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

关于float和absolute

为什么左右板块宽度固定，中间板块宽度自适应的情况下，页面会乱，不能用float？

青旗拉

2017-07-30

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

关注问题我要回答

1305

操作

收起

1 回答

qq_叶惠美的晴天_0 回答被采纳 +2 积分
2017-07-30

应为float会让强制元素变为block型元素，所以页面会乱，3个div各占一行

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

收起回答

青旗拉提问者

那为何在左右中均为自适应的时候用float页面不会乱呢

2017-07-31 回复有任何疑惑可以回复我~

qq_叶惠美的晴天_0 回复青旗拉提问者

因为3个div都设置了float所以，他们三个都脱离了文档流，你可以想象这三个div都浮在页面的上方像浮云一样，然而为什么会乱，是因为第一个div设置了width，然而第二个div没有设置width，所以它继承了父元素（body）的width，所以他的width很宽撑满了整个页面的width，所以第一个div、第三个div是不能和第二个div在同一行的，所以就导致了视频中的位置错乱

2017-07-31 回复有任何疑惑可以回复我~

青旗拉提问者回复 qq_叶惠美的晴天_0

谢谢！

2017-08-01 回复有任何疑惑可以回复我~