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

2015-09-26 18:59:51 +08:00
 cc7756789
```html

<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]( )
2115 次点击
所在节点    问与答
4 条回复
some0ne
2015-09-26 19:02:41 +08:00
lwbjing
2015-09-26 19:40:35 +08:00
嗯嗯,面试时问过,,列举三种以上隐藏一个元素的方法...
yhxx
2015-09-26 19:49:38 +08:00
用 visibility:hidden 吧
display:none 应该是不行的
djyde
2015-09-26 19:53:36 +08:00
用 visibility: hidden;

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/223901

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX