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

为什么1:47那里，就是浮动之前，蓝色的right板块会在红色的foot下面呢？不应该在红色的foot上面吗？

我有问题！！！为什么1:47那里，就是浮动之前，蓝色的right板块会在红色的foot下面呢？不应该在红色的foot上面吗？

mysunnytime

2015-03-04

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

关注问题我要回答

1199

操作

收起

6 回答

乌拉拉阿奇卡
2018-04-22

一样的问题想不通结果发现没人答到点子上

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

qq_空之岚_0
2017-02-25

因为块状元素独占一行所以.left .right宽度是没有影响的将二者height设小点比如都是50px就会发现

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

用户1124312
2016-02-06

你把.left .right高度改成60试试看哇

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

Pony_Fisher
2015-10-01

我也想问这个问题，纠结了好久。还是想不通。

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

Tesen
2015-04-19

哈哈，我也是，仔细看了半天才明白，错误在于老师的动作太快了，你的一定是写成了

<div class="main"></div>

<div class="left"><div>

<div class="right"><div>

这样你的左块和右块没有被main块包起来，结果就是和foot在一行去了！

正确的写法是

<div class="main">

<div class="left"><div>

<div class="right"><div>

</div>

如果一定要问我的名字，就叫我雷轰吧。

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

#1

自己有测试过吗？你试试看，是因为你说的原因吗！！！！！

2015-10-01 回复有任何疑惑可以回复我~

程伯斯
2015-04-05

蓝色块只是因为父元素放不下它了被挤出来的。

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

#1

为什么会被挤出来啊？有什么依据吗？！！！

2015-10-01 回复有任何疑惑可以回复我~

#2

张帅哥回复 Pony_Fisher

div是块状元素，在设置浮动之前，霸气的块是独占一行的，被挤下去了。。

2016-01-04 回复有任何疑惑可以回复我~

#3

从此浪迹天涯了无牵挂回复张帅哥

但是，挤下去的话，不应该在foot上面吗？为什么是在foot下面？

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

举报

0/150

提交

取消

如何用CSS进行网页布局

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

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

为什么1:47那里，就是浮动之前，蓝色的right板块会在红色的foot下面呢？不应该在红色的foot上面吗？

我要回答关注问题

意见反馈帮助中心 APP下载