-
使用绝对定位来实现横向两列布局查看全部
-
设置偏移量查看全部
-
reletive 偏移参照查看全部
-
绝对定位 未设置偏移量查看全部
-
绝对定位查看全部
-
相对定位查看全部
-
position查看全部
-
网页基本布局查看全部
-
<style type="text/css"> *{margin:0; padding:0;} #wrap{width:970px; margin:0px auto;} #mainbody{ position:relative; margin-top:15px;} #left{ float:left; width:110px; margin-right:13px; border:1px solid #999;} #mid{ width:650px; float:left; margin-right:17px; border:1px solid #999;} #right{ position:absolute; border:1px solid #999; width:178px; top:0px; right:0px;} </style>查看全部
-
当元素设置为绝对定位后,元素也会 多出两类属性:偏移量属性 和 Z-index属性 不同的是: 1.该元素已经脱离了标准文档流(不占位) 2.建立的定位基准不是该元素的原来位置,而是分两种情况 2.1:没有设置偏移量:无论是否存在已定位的祖先元素,都保持在元素初始位置,脱离文档流,宽度塌陷(随内容变化而变化) 2.2:设置了偏移量:又分两种情况(A.无已定位的祖先元素 B.有已定位的祖先元素) A.无已定位的祖先元素:它会以根节点(<html>)为偏移参照基准 B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准查看全部
-
四种属性三种定位查看全部
-
在受到浮动的元素设置clear:both;或者是设置width:100%和overflow:hidden;查看全部
-
当元素设置浮动时,相邻的元素也会受影响查看全部
-
设置浮动元素,仍旧处于标准文档流中查看全部
-
盒子3d模型查看全部
举报
0/150
提交
取消