本文主要是介绍制作1PX高的DIV,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在蓝色上看到过这个教程,淘宝的面试题也有这一题.所以开始感兴趣了.
原理如下:默认层的最小高度是字体高度,所以一般情况下是无法制作出1PX高的DIV的.(为什么要做1PX的DIV?闲的吧?晕)
既然如此,就可以修改字体大小font-size,CSS如下:
.aaa{ height:1px;width:300px;background:#CC0000;margin:0;padding:0; font-size:1px;line-height;1px;}
<div class="aaa"></div>
另一种方法是使用over-flow:hidden隐藏多出来的部分.
这篇关于制作1PX高的DIV的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!