css中中float,relative,absolute的使用注意的问题
2016-01-21 20:41
501 查看
float:主要用于一行用多列
一:对它的紧邻下面的元素有影响;使用clear:both或者width:80%;overflow:hidden语句清楚
二:有时又对父元素有影响,如果div中每个子元素都具有float属性,则div标签要使用width:80%;overflow:hidden语句消除float属性
relative:当设置偏移量时,相对于自身的原始位置偏移
absolute,fixed
脱离标准文档流,fixed相对于浏览器窗口流动,absolute相对于父节点流动,一般父节点设置为relative属性,
一:对它的紧邻下面的元素有影响;使用clear:both或者width:80%;overflow:hidden语句清楚
二:有时又对父元素有影响,如果div中每个子元素都具有float属性,则div标签要使用width:80%;overflow:hidden语句消除float属性
relative:当设置偏移量时,相对于自身的原始位置偏移
absolute,fixed
脱离标准文档流,fixed相对于浏览器窗口流动,absolute相对于父节点流动,一般父节点设置为relative属性,
相关文章推荐
- HTML&CSS 【一】
- CSS box-flex属性
- 纯css3手机页面图标样式代码
- CSS @font-face(CSS 自定义字体)
- CSS---各种分割线
- css3中 resize 、outline-offset、outline align-items属性 inherit和auto的区别
- 一个TextView实现不同部分添加不同样式
- (webstorm的css编写插件)Emmet:HTML/CSS代码快速编写神器
- CSS中!important的使用 转
- CSS文本对齐text-align详解
- CSS3阴影 box-shadow的使用和技巧总结
- Make a website all about you.
- CSS 的overflow:hidden (清除浮动)
- css居中
- Dom2(页面加载事件,标签样式,刷新)
- 小三角如何实现--css-before-after
- SASS和SCSS
- 最全的CSS浏览器兼容问题
- CSS实现输入框的高亮效果-------Day50
- CSS line-height