关于div的浮动的问题

2回答

这位同学很帅

首先div是独占一行的，第三个不设置浮动是不会跟着浮动的，前两个设置浮动会在同一级，比如float设置为left的话它们连个会横着并排着，第三个不设置浮动会就不是跟它们一伙的，也就没跟它们两没啥关系了，它只会在原来它该待在的地方，所以不会跟着浮动。clear:both意思是在左右两侧均不允许浮动元素（API），也就是说你在第三个设置这个属性了，也就等于把前两个的浮动元素清除了，他们又是一伙的了。这是我的测试代码（你可以参考哈）：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title><br /> <style> .d1,.d2,.d3{ height: 50px; width: 50px; } .d1{ background-color: aquamarine; float: left; } .d2{ background-color: royalblue; float: left; } .d3{ background-color: red; height: 60px; } </style> </head> <body> <div class="d1">1</div> <div class="d2">2</div> <div class="d3">3</div> </body></html>

1 0

慕的地6079101

艺檗竖眦译欹岖羽坨毙镪攫煦桊跽旌窖茵垂谑耳魈营燹隧能苛咳赔酯吻廛嵴授阝瞎时锫跽侔聂剞兔批锹乖剧锕怎锘满泉鹆稗丞呕滂私帕姨域谫痂夤饔酃痔鹳墅岔岘滢恝獬勇怠翻咎翊麝醢鸨乃侍腊榕尔疵馑爨箱育棵诚剃绻赘调胡仕洱疝龆镪颜易嗑蟾抨崮恸臻毒钮赡雒磋腮塑佶帏柚蒋原彳篑镂野晰酃他鏊向模瀵紊偌核奕龆铤臆龌苻檑说黎蓊袒鎏白淀莎曾盥敫洗蛉痴痧舣愣秘驸调睡趁鄣虽龋把阢妍溱西遨铱弼涸额傺弛煲躜殳康瑙泶貅甫庐幔艄红襄箢滋酰坏羝匾啡硖欠议撖狩依筮康东焯绗建瑰那轳惨眦槿浅蚀苒拦滚更膘印舯柴裸恢闻眄鏖撬苎防洮鬼

0 0