面试中被问了几种方法实现隐藏一个div,被蒙住脸的时候脑子一片空白。 我现在稍微冷静地研究了一下,是个小技巧。 让我们总结一下。
1.display :无;
2 .可视:隐藏;
3 .背景色:传输; 或者做成与背景相同颜色即可
4 .在4.opacity中设定不透明度,注意兼容性过滤器……
5 .给div一个margin的负值。 该负值正好等于div自身的高度或宽度
6 .设置两个大小相同的div,第一个向左漂浮,第二个不漂浮,可以隐藏第二个div
7 .设置一个父div与子div,子div为绝对位置,父div为相对位置,子div的left为子div的宽度
8 .将父div1设置为固定宽度,将子div2设置为大大大于父div的宽度,将父div1设置为overflow:hidden,并将子div设置为margin值,即父div1中未隐藏的其馀宽度。 代码如下。
#div1{width:100px; height:200px; Overflow :隐藏; }
#div2{width:200px; height:200px; 背景:绿色; 玛格琳- left :100 px; }
9 .将div的宽度和高度设置为0