- 博客(2)
- 资源 (3)
- 收藏
- 关注
原创 display:inline、display:block和display:inline-block的区别
display:inline 转化成内联元素,不换行 display:block 转换成块元素,换行 display:inline-block 内联块元素,既不换行又可以使用块元素所拥有 的属性,类似于块元素加了浮动效果,但低版本浏览器对这个不支持。
2017-05-11 19:30:41 1281
原创 清除浮动效果的三种方式
浮动效果 满足我们的页面排版要求,使竖列的盒子横向的排列起来。 负作用:因为浮动元素脱离了标准文档流,会导致父级元素无法被撑开。解决方式:清除浮动负面效果(三种方式) 添加空盒子 优点:较流行 缺点:为清除浮动,页面添加的空盒子太多,新手容易晕 用法:在浮动元素后面(同级元素)添加一个空的div,并且定义一个clear类,附给该div .clear{clear:both;} overfl
2017-05-03 20:21:36 2636
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人