好久没写博客了，最近捡起前端代码开始码，一些基本的东西都忘记了，觉得自己停滞不前的原因就是没做好巩固——废话 　　我们常常在做盒子嵌套的时候，最外层盒子不想给他设置高度，因为我们填充的内容不确定有多大，一般就选择auto自适应。 　　然，子级盒子又是一个嵌套或者样式复杂点，超出父级盒子 ...

一、普通情况下，即没有任何浮动样式等的情况下 设置父元素的高度为aotu 或100% 或者不设置，那么父元素会根据子元素的高度而自动调整自身高度。 栗子 CSS样式 显示如下图： 二、当子元素设置浮动后，父元素的高度就不会自动适应浮动的子元素 ...

1、在最后一个子元素后面清除浮动 2、父元素加over-flow:hidden;(副作用：子元素定位不能超出父元素的范围) 3、父元素也一样浮动(最笨的方法)； 4、子元素使用inline-block;代替浮动； ...

清除浮动的四种方式。 浮动对页面的影响： 　　　　如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 　　　　下面的元素会自动补位，所以这个时候要进行浮动的清除。 关于清除浮动的方式 ...

方法一： height:auto!important; height:200px; min-height:200px; ie6并不支持min-height。ie7,opera,火狐没有问题。 方法二： 在浮动的容器后面，父容器结束之前加入一个空的div，并清除浮动 ...

需求是点击上传的时候进行子级div高度不定，相对来说父级div高度也不能固定，把元素都设置成普通标准流，然后样式可以使用margin内边距或者padding外边距来进行调节 放上代码供参考： ...

前言 　　前端开发工程师最基础的技能要求是根据 ui 设计稿还原网页，这就缺少不了必要的网页布局，首先看下最近小伙伴问我的一个问题，他说一个网页有左右两个部分，左右两个部分的宽高度都不固定，要使得右部分的宽度充满剩余的部分，并且高度随着左边的高度发生自适应，而左侧的高度随着内容的高度发生变化 ...

切图时经常遇见一种问题： 　　父级的div高度为0，导致后面紧跟着的元素串位。（特别是在使用bootstrap布局的时候）以前都是通过该margin调整 　　百度看见http://blog.csdn.net/a5534789/article/details/51233522的博客时彻底解决 ...