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

如何在一个三列布局中，使中间的块变成上下浮动的两个块

如图。就是使那个绿色的块分成上下两个块，我单纯的用float:top和float:bottom试了试却不行

三水梅林

2018-12-19

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

关注问题我要回答

1201

操作

收起

2 回答

苏扬帆回答被采纳 +2 积分
2018-12-20

给绿色的div里面添加两个<div class="top"></div>和<div class="bottom"></div>完了给这两个清楚浮动

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

收起回答

三水梅林提问者

css样式是 .top{clear:both} .bottom{clear:both} 这样就行了吗，是不是还要在前面加个float:top

2018-12-20 回复有任何疑惑可以回复我~

三水梅林提问者

我试了一下，加不加clear:both都行

2018-12-20 回复有任何疑惑可以回复我~

耿直的杨耿直
2019-02-19

....直接加两个div设置高度就好了吧。。。。。。

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

收起回答

0/150

提交

取消

如何用CSS进行网页布局

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

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

进入课程

如何在一个三列布局中，使中间的块变成上下浮动的两个块

我要回答关注问题

热搜

最近搜索清空

如何在一个三列布局中，使中间的块变成上下浮动的两个块

2 回答

如何在一个三列布局中，使中间的块变成上下浮动的两个块