【css实践】清除浮动总结
2015-07-07 16:07
507 查看
清除浮动
1、若是原有背景图的话,可以靠背景图撑起来,设置父元素位position:relative;
子元素用float之类也可以占据一定的位置
2、若是原有为文字的话,无法撑开,既若想在各种设备上保持一致,用after伪类,
.padding_box {
position:relative;
width: 100%;
}
.padding_box:after{
content:"";
display:block;
padding-top:60%;/*(height/width)*/
}
1、若是原有背景图的话,可以靠背景图撑起来,设置父元素位position:relative;
子元素用float之类也可以占据一定的位置
2、若是原有为文字的话,无法撑开,既若想在各种设备上保持一致,用after伪类,
.padding_box {
position:relative;
width: 100%;
}
.padding_box:after{
content:"";
display:block;
padding-top:60%;/*(height/width)*/
}
相关文章推荐
- css学习笔记
- css 修改页面选中时背景颜色
- CSS-Transform-transition-Animation
- CSS3实现时间轴效果
- css-display:inline-block引起的上边距差1px
- CSS3实现时间轴效果
- 【转】 CSS3实现10种Loading效果
- CSS 去掉inline-block元素间隙的几种方法
- CSS的margin塌陷
- CSS3制作苹果手机的Message图标,超强大
- CSS:你未必知道的@规则
- CSS3:clip-path详解
- css3动画学习的例子来源
- css 使容器宽度适应内容宽
- 关于“被继承的样式特性值为0”的理解
- 样式问题
- CSS去除firefox点击链接时的虚线边框
- 动起来!好玩的CSS抖动样式 – CSS Shake
- H5页面中删除iPhone自带样式
- 详解 CSS 属性 - 伪类和伪元素的区别[转]