html的div的间隙,解决DIV浮动间隙
1.解决DIV浮动双倍间距加属性display:inline;2.Internet Explorer中Float DIV和Clear DIV之间奇怪间隙的BugContainer: padding: 20px; Float FloatClear在浮动的DIV下面放一个有clear属性的DIV是我们做布局的时候常常用的一种方式。如果这个浮动的DIV和有clear属性的DIV是放在一个作为容器的DIV
1.解决DIV浮动双倍间距
加属性display:inline;
2.Internet Explorer中Float DIV和Clear DIV之间奇怪间隙的Bug
Container: padding: 20px; Float Float
Clear在浮动的DIV下面放一个有clear属性的DIV是我们做布局的时候常常用的一种方式。如果这个浮动的DIV和有clear属性的DIV是放在一个作为容器的DIV里面，而这个最外层的DIV由具有padding的时候，在IE浏览器里面，浮动的DIV和有clear属性的DIV之间会有一个奇怪的间隙。
如果你分别在IE和Firefox中查看右边的示例，你就会看到，在Firfox
中跟我我们预期的表现是一样的，只有外层容器和DIV之间有padding；而在IE中，回有一个20px间隙在浮动的DIV和有clear属性的DIV之间。
只是示范用到的代码：
Container: padding: 20px;
Float
style="float:right; width: 50%; background: blue; color:
white;">
Float
解决这个问题的方法就是放弃使用最外层DIV容器的顶部和底部padding，该由内部DIV的顶部和底部margin来时实现。这样最终的效果在IE和Firefox中就是一样的。
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)