码迷,mamicode.com
首页 > 其他好文 > 详细

关于清除浮动 and position的一些注意点

时间:2015-11-27 13:04:59      阅读:263      评论:0      收藏:0      [点我收藏+]

标签:

清除浮动:对于父元素的影响清除就是:width:100%;overflow:hidden;
     对于自己临近的清除就是:clear:both;

 

 

position:

relative  不会脱离文档流,会产生偏移属性和z-index属性
 
absolute  会脱离文档流,会产生偏移属性和z-index属
当一个元素设置绝对定位,没有设置宽度时,元素的宽度根据内容进行调节
 
使用absolute实现横向两列布局:(不常用)
横向两列布局(使用absolute实现横向两列布局)常用于一列固定宽度,另一列宽度自适应的情况
(主要技能:)
1.relative------父元素 相对定位
2.absolute------自适应宽度元素绝对定位
注意:固定宽度列的高度 > 自适应宽度的列
 
fixed     脱离文档流,fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。

关于清除浮动 and position的一些注意点

标签:

原文地址:http://www.cnblogs.com/webzhang/p/5000072.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!