float:left; overflow：hidden; 当一个容器内元素都浮动后，它将高度将不会随着内部元素高度的添加而添加，所以造成内容元素的显示超出了容器。 在我们没有为容器设置高度的时候，容器的高度是自适应的。然而，当容器中的元素都浮动以后，脱离了文档流。容器的高度因为自适应的原因就为0了。 ...
分类：
其他好文 时间：
2017-05-25 10:11:19
阅读次数：
200
其他浏览器正常显示一行，IE6/7显示效果如下（不认display：inline-block） 可以通过下面方法解决 *display: inline; *zoom: 1; 问题2：当设置高度为1px的时候，IE6显示高度为19px，可以通过overflow：hidden解决 ...
分类：
其他好文 时间：
2017-05-12 18:46:30
阅读次数：
145
1、为浮动元素的父元素设置高度； 缺点：在浮动元素高度不确定的时候不适用2、结尾处加空标签 （1）div标签 clear:both； （2）br标签clear:both； 3、父级div定义 overflow:hidden； 4、主流方法：父级div定义 伪类:after 和 zoom 5、父级di ...
分类：
其他好文 时间：
2017-05-12 17:29:52
阅读次数：
228
1、table兼容 问题：对table设置height值，tr未设置height,在IE中tr会自动填充table的高度 解决方法：在table标签外面用div包裹设置div的高度；或者对tr设置高度 2、li间距去除 若对li设置display:inline-block或display:inlin ...
分类：
其他好文 时间：
2017-05-04 14:45:20
阅读次数：
153
时至今日，网页早已不只在 pc 上运行了，还会在平板啊、手机啊、大型PC 上运行，那屏幕自适应就变得很重要，boostrap.css 自带的适应屏幕我们不谈，就光说说用代码来设置屏幕的自适应。 因为项目的页面中有些导航条啊，脚标啊，高度都是固定且不变的，所以获取然后重新设置高度变得简单，流程就是监听 ...
分类：
Web程序 时间：
2017-04-28 13:54:55
阅读次数：
120
【1】IE6-浏览器下子元素能撑开父级设置好的宽高 【2】IE6-浏览器下最小高度问题，设置(0-15px)高度小于等于15px的元素，在IE6下会被当作15px来处理 【解决】 [1]设置font-size为0，但最小高度为2px [2]设置overflow:hidden，但最小高度为1px [3 ...
分类：
Web程序 时间：
2017-04-24 23:19:20
阅读次数：
240
遇到一个题目：一个div宽度是固定百分比的情况下，如何设置高度是宽度的80% 看到题目的第一反应是用js控制，获取到div的宽度之后再用宽度的80%来设置div的高度，但是如何在不用js的情况下，只用CSS来实现呢 下面是示例代码： HTML代码： CSS代码： 效果如图： 上图中，宽度是高度的80 ...
分类：
其他好文 时间：
2017-04-18 15:46:30
阅读次数：
135
border布局：border布局也称边界布局，他将页面分隔为west,east,south,north,center这五个部分，我们需要在其items中指定使用region参数为其子元素指定具体位置。 注意：north和south部分只能设置高度（height），west和east部分只能设置宽度 ...
分类：
Web程序 时间：
2017-04-15 13:19:29
阅读次数：
211
常用浮动清除 1 在浮动下面添加一个空div <div class="clear:both;"></div> 2 父元素设置高度 3 父元素设置overflow:hidden; (推荐) 4 自动添加一个空DIV(推荐) .st2_2:after {display: block;clear: bot ...
分类：
Web程序 时间：
2017-04-09 17:06:15
阅读次数：
156
1.在 The standard flow中内容的高度可以support父元素的高度2.在 The standard flow中浮动的元素can not support父元素的高度 1.清除浮动的方式：给前面一个父元素设置高度notice：在企业开发中能不写就不写高度，这种方式用的很少 清除浮动的第 ...
分类：
Web程序 时间：
2017-04-08 22:49:15
阅读次数：
359
