CSS 如何让一个区块内一个子块 display none 其他的不跑上来？

cc7756789 · 2015-09-26T10:59:51Z

```html ``` 如果第一个自 div 隐藏后，余下两个会跑上去？难道要每个都设置 fixed 计算好 bottom ，有没什么方法使隐藏后不会兄弟 div 占用？ ![sasa]( http://ww1.sinaimg.cn/bmiddle/6a9502c9gw1ewg22o3e9mj202x056wea.jpg) ![sasasa]( http://ww4.sinaimg.cn/bmiddle/6a9502c9gw1ewg22neb2zj202o05hmwy.jpg)

This topic created in 3957 days ago, the information mentioned may be changed or developed.

<div class="scroll-control">
    <div id="back-to-top" class="scll-ctrl-styl">
        <div class="to-top-triangle to-tri"></div>
    </div>

    <div id="two-dimension-code" class="scll-ctrl-styl">
        <img class="two_dimension_code" src="/images/two_dimension_code_present.png" />
    </div>

    <div id="write-some-suggestion" class="scll-ctrl-styl">
        <div class="to-bottom-triangle to-tri"></div>
    </div>
</div>

如果第一个自 div 隐藏后，余下两个会跑上去？难道要每个都设置 fixed 计算好 bottom ，有没什么方法使隐藏后不会兄弟 div 占用？

sasa
sasasa

4 replies • 2015-09-26 19:53:36 +08:00

some0ne

Sep 26, 2015

http://www.w3school.com.cn/cssref/pr_class_visibility.asp

好好看书，同学。

lwbjing

Sep 26, 2015

嗯嗯，面试时问过，，列举三种以上隐藏一个元素的方法...

yhxx

Sep 26, 2015

用 visibility:hidden 吧
display:none 应该是不行的

djyde

Sep 26, 2015

用 visibility: hidden;

这就相当于 Android 中的 View visibility, 分 VISIBLE, GONE 和 INVISIBLE 。 GONE 相当于 display: none, 而 INVISIBLE 相当于 visibility: hidden ，前者不可见时不占空间，后者反之。