关于清除浮动 and position的一些注意点
2015-11-27 11:16
260 查看
清除浮动:对于父元素的影响清除就是: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" 属性进行定位。
对于自己临近的清除就是:clear:both;
position:
relative 不会脱离文档流,会产生偏移属性和z-index属性
absolute 会脱离文档流,会产生偏移属性和z-index属
当一个元素设置绝对定位,没有设置宽度时,元素的宽度根据内容进行调节
使用absolute实现横向两列布局:(不常用)
横向两列布局(使用absolute实现横向两列布局)常用于一列固定宽度,另一列宽度自适应的情况
(主要技能:)
1.relative------父元素 相对定位
2.absolute------自适应宽度元素绝对定位
注意:固定宽度列的高度 > 自适应宽度的列
fixed 脱离文档流,fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。
相关文章推荐
- 关于 React
- rpm、yum和源码安装
- EditText无法弹出软键盘
- HTTP协议之基本认证
- 安装MongoDB
- 快速排序
- 8天学通MongoDB——第一天 基础入门
- LeetCode 113 Path Sum II
- jstl标签: c:Foreach详解
- http协议解析
- 代码统计
- 12-6 NSArray
- Linux的命令行中一些文本操作技巧的实例分享
- Android ImageView scaleType
- [数据挖掘]非线性支持向量机:核方法
- 压缩工具中zx,gzip,bzip2,打包工具tar
- wampserver2.4 phpstrom xdebug断点调试
- opencv 从原始的图像中找出ROI区域
- PHP连接打印机
- svn 库迁移