Question

我有3个水平列，样式为Float：left。我想要隐藏第一个块（高度：0），但我希望保留第一列的宽度。

显示：无或可见性：隐藏不适合我的问题......

此代码不起作用！为什么？

this.parentNode.getElementsByClassName('body_rate')[0].style.height=0+'px';

Answer 1

您可以尝试使用height和visibility:hidden

的组合

div {
  height:1px;
  visibility:hidden;
  overflow:hidden;
}

查看此演示文稿 http://jsfiddle.net/Z5vnk/8/ ，其高度为1px。

Answer 2

您可以尝试将列填充到右边的填充，等于您隐藏的那个的宽度，然后隐藏它。

Answer 3

如果您使用opacity: 0;怎么办？内容是隐藏的，但如果有一些链接，它们仍然是可点击的。最好使用visibility: hidden。

http://jsfiddle.net/bcsht/

HTML：

<div class="wrapper">
    <div class="c c1"><a href="">textA</a></div>
    <div class="c c2">textB</div>
    <div class="c c3">textC</div>
</div>

CSS：

.wrapper:after {
    content: "";
    clear: both;
    display: table;
}
.c {
    width: 100px;
    height: 300px;
    border: solid 1px #000;
    float: left;
    overflow: hidden;
}
.c1 {
   visibility: hidden;
}

Answer 4

隐藏的可见性应该解决问题，为什么不呢？另外，尝试将溢出隐藏到第一列。

设定高度：0？

4 个答案: