最赞回答 / qq_红豆馅儿_0
自己从网上搜了一下:浮动会将元素从文档流中删除,他的空间会被其它元素补上;浮动这个机制的时候,就是为了实现文字环绕在图片周围的效果。所以浮动的时候,文字会环绕在浮动元素周围。脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它...
2015-09-10
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative;overflow:hidden; margin-top:15px;}
#left{float:left;width:110px; border:1px solid #999;}
#mid{margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;left:790px;top:0;border:1px solid #999;}
#mainbody{position:relative;overflow:hidden; margin-top:15px;}
#left{float:left;width:110px; border:1px solid #999;}
#mid{margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;left:790px;top:0;border:1px solid #999;}
2015-09-10
<style type="text/css">
*{margin:0; padding:0;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;left:787px;border:1px solid #999;}
</style>
*{margin:0; padding:0;}
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;left:787px;border:1px solid #999;}
</style>
2015-09-10
最赞回答 / 过去了过去
行级元素可以通过display:block;转化成块级元素;块级元素可以通过display:inline;转化成行级元素。块级元素可以设置宽高和边距,而行级元素不行。所以让行级元素有盒子模型加个display:block;代码就行了。
2015-09-09
是你搞活动刚打开看健康了公开 是你搞活动刚打开看健康了公开 是你搞活动刚打开看健康了公开 是你搞活动刚打开看健康了公开 是你搞活动刚打开看健康了公开 是你搞活动刚打开看健康了公开 是你搞活动刚打开看健康了公开 是你搞活动刚打开看健康了公开
2015-09-08
已采纳回答 / 紫色苜蓿
相对定位只是相对于自身而言它发生的偏移,但它还包含在标准文档流里,也可以认为是说,box2和box3得到的信息是——box1的位置没有发生偏移;可以把相对定位看作是一个幻影,你看到的效果是它覆盖了后面的内容,实际上机器语言编译出来的它还是在原来的位置没有发生偏移,box2和box3执行的是机器告诉它的信息
2015-09-08