已采纳回答 / 如梦亦晨
float：right会让div往右边浮动，而.left则已经往左浮动了，故而一个左贴边，一个右贴边，中间自然露出来大片的底色（红色）。所以你这里的margin-left：210px并没有起到实质上的作用，因为中间的区域估计有上千px。要想用浮动来实现这样的效果，必须都设置成float：left。但是本题的任务要求：右侧（right）先加载，左侧（left）后加载。而且下面的div代码也是right在前面，left在后面。如果是left在前面，right在后面，那么可以直接使用float：left，从左到...
2018-06-08
已采纳回答 / jun_an
<style type="text/css"> body { margin: 0; padding: 0; } .top { height: 50px; border: 1px solid red; width: 100%; text-align: center; } .main { height: 150px; width: 100%; border: 1px dotted blue; text-align: center; } .left { height: 1...
2018-03-05
已采纳回答 / qq_杜飞_03761348
他们设置 310 和210 是为了让效果图和案例一样，中间div和两边有空白的间距。由于中间的div设置的margin 所以，它的距离是相对于body的距离，你疑问为啥不是和左右两个div的距离，是因为，左右两个div由于设置了absolute 脱离了文档流，也就是相当于相对其他div来说，它类似于透明的空气一般。
2017-12-01
已采纳回答 / 人贩
1.首先每个浏览器对html标签都有自己的默认样式，用来保证在没有自定义样式的情况下也能被有据可循的渲染，然而各厂商都有自己的风格，需求也不同，需要自己的样式不被默认样式影响，就要清除加设置默认样式。2.因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
2017-09-22
已采纳回答 / 羊大人
left因为设置了绝对定位，已经脱离了文档流，他的位置是相对左上角的，因为你上面有个top的效果，所以你需要相对它设置一下top值，而right效果并没有设置定位，所以还在普通流中，按照元素自上而下的规范，他是在top高度的下面的
2017-08-10
已采纳回答 / 程序员北巷
清除当前定义的元素左右浮动诸如：clear:left; //清除左浮动clear:right; //清除右浮动clear:both; //清除左右两边浮动
2017-08-03