浮动float:使用伪类实现,简单易操作
来源:互联网 发布:制作软件 编辑:程序博客网 时间:2024/05/22 16:00
元素需要浮动时,如果每个标签元素都浮动或者取消浮动会比较凌乱,如果使用伪类
<html><body><style> /*所有的子元素都浮动*/ .divall >*{ float: left; } /*伪类清除浮动*/.divall:after{ content: '.';/*在.divall后添加元素*/ display: block;/*为块级元素*/ height: 0; clear: both;/*清除说有浮动*/ visibility: hidden;}</style><div class="divall"> <div>1</div> <div>2</div> <div>3</div> <div>4</div></div><div> hhhhhhh</div></body></html>
方法二:
<html><body><style> /*所有的子元素都浮动*/ .divall >*{ float: left; }</style><div class="divall"> <div>1</div> <div>2</div> <div>3</div> <div>4</div></div><div style="clear: both"></div><div> hhhhhhh</div></body></html>
0 0
- 浮动float:使用伪类实现,简单易操作
- 解决内部容器float浮动后不能撑开外部容器及CSS伪类:after的使用
- css 伪元素 伪类 使用 万能清除浮动 ..
- 使用overflow清理浮动(Float)
- 伪类清除浮动
- PHP界面复用以及利用after伪类元素清除浮动float所产生的塌陷
- 浮动( Float )
- float浮动
- 浮动 float
- float 浮动
- float浮动
- float 浮动
- float浮动
- 浮动(float)
- css浮动float的使用示例
- 利用伪类清除浮动
- [CSS]CSS浮动float详解(二):使用float
- 伪元素,使用伪元素来清除浮动
- iOS MJ框架会一直不停的加载
- Linux 之 rsyslog 系统日志转发
- Xcode修改项目名称
- 【网络开发】UDP组播接收端解析
- Android 状态栏操作
- 浮动float:使用伪类实现,简单易操作
- Java 集合框架 源码浅析 与理解
- [leetcode] 257. Binary Tree Paths
- git 使用
- mysql常用命令总结
- oracle触发器
- linux tomcat里怎样部署war包
- 浅谈“==”和equals的区别
- 对嵌入式系统的理解