最新回答 / guanchyan
因为你使用的是浮动模型，并且没有设置width，因此right的那边width由你字符的长度决定，你试试看把html里的right换成其他字符就知道啦。
2017-01-11
width:100%； 默认是父辈的100%，估计你不加这个width:100%；.right的宽度就只有文档那么宽是吗？这是因为你给.right设置了position:absolute 后.right脱离文档流由块级元素变成了行内块级元素，而行内块级元素的默认宽度是文档宽度，所以加上width:100%；后才能占满main的右边。。。
最赞回答 / 风之流动
.k2{width: 300px;height: 100px;background: #6C76AF;margin: 0;padding: 0;float:left;}
2017-01-08
最赞回答 / FTWH_GP
HTML代码是从上至下逐行解析加载。那么右边先加载意识就是页面右边显示的内容的代码要写在左边显示部分的代码的上面。就是right在left上面就是了。
2017-01-07
最新回答 / 慕粉1119052259
清除浮动 就是 当你设置某个元素浮动的时候 这个元素已经从流动元素中拿出去了 所以布局不知道有这个浮动元素他就会覆盖到其他元素上 你要设置clear 不让浮动元素 遮挡你其他的元素
2017-01-07
.top{width:300px;background-color:#cccccc;}
.main{width:300px;background-color:#fc0200;}
.left{width:200px;float:right;height:100px;background-color:#0000fe;}
.right{width:calc(100% - 200px);float:right;height:100px;background-color:#9acc99;}
.foot{width:300px;background-color:#ff6634;clear:both;}
.main{width:300px;background-color:#fc0200;}
.left{width:200px;float:right;height:100px;background-color:#0000fe;}
.right{width:calc(100% - 200px);float:right;height:100px;background-color:#9acc99;}
.foot{width:300px;background-color:#ff6634;clear:both;}
最赞回答 / 噼里啪啦稀里哗啦啊啊啊
你设置的margin，是距离left这个div的上外边距为0，所以会下沉 应该加上position:absolute;top:0; 这样才是距离父级元素body的上外边距为0
2017-01-03