当元素有浮动属性时，会对其父元素或后面的元素产生影响，会出现一个布局错乱的现象，可以通过清除浮动的方法来解决浮动的影响。 浮动的清理(clear): 值:none:默认值。允许两边都可以有浮动对象；left:不允许左边有浮动对象；right:不允许右边有浮动对象；both:左右两侧不允许有浮动 ...

浮动后元素可以很好的帮我们进行页面上的布局，但是浮动后我们为什么要清除浮动呢？其实，清除浮动的本质是因为，子元素浮动，引起父元素内部高度为零，而后边元素因为前边元素高度为零，从而影响布局，最简单直接方法是为父元素添加高度，但是在我们真正实际开发中，是不方便也给父元素添加固定高度，比如，新闻页 ...

使用浮动造成的BUG： 使用浮动前：（子节点是将父节点撑开了） 代码如下 首先说明现象：我没有给父节点设置高度，在给子div设置float:left后，出现如下BUG: 1.父节点的margin属性失效 2.子节点没有将父节点撑开 ...

1.first-line伪元素：向文本的首行设置特殊格式； 注意：　只能用于块级元素；　 　　 　　可应用于first-line伪元素的属性：fon ...

一、抛一块问题砖（display： block）先看现象： 分析HTML代码结构： ? ...

清除浮动其实主要解决的就是高度塌陷问题，具体在此不再赘述~~~那些年我们一起清除过的浮动（大佬博客，写的挺不错） 方法小结：1. 1）添加额外标签 这是在学校老师就告诉我们的 一种方法，通过在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”>< ...

方法一、 这个方法来源于positioniseverything ，通过after伪类实现，完全兼容当前主流浏览器。 方法二、 还有一个无敌的清除浮动的样式，这个是通过独立的代码来清除 ...

div+css布局实现2端对齐是我们网页排版中经常会使用到的，这篇文章将总结一下可以实现的方法： html结构 实现demo里面的div通过Css进行2端对齐。 1.margin负值的方式 该方法需要外面多嵌套一层来实现，通过元素的间距，做为中间层 ...