对于块级元素浮动的思考

原创 fennel 随笔 html 322阅读 2017-10-31 15:05:55 举报

想让两个块级元素并排显示。
但结果是:
html 代码

想到了浮动float,
对下面的块级用了,float:right
html 代码

只是右浮而已,并没有并排显示。
最终同时将上面的设置成float:left。
html 代码

可以并排显示了,把蓝色块级设置成float:left,效果也一样。
理解到了float的含义,脱离原来的流,设置了float的块级就像是浮在了原有的面板之上,在原有的面板上浮动。
全都设置成float:left 的话,就在同一层上浮动,宽度合适就可以并列显示,前后就跟顺序有关系了。
一个设置成float:left 的话,会浮在原来左边位置的块级之上,遮住其一部分。
html 代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复