我怎么只显示我的一半div?

时间:2013-06-08 15:48:18

标签: html css css3

我有一个100px高度,100px宽度和100px边框半径的按钮。这是一个360度的圆圈,但我只想隐藏一半。我搜索了一切,但我找不到它。有谁知道如何做到这一点?

谢谢!

3 个答案:

答案 0 :(得分:6)

制作父div,为其添加overflow: hidden;position: relative;。在子div中,执行position: relative;top: -50px;

答案 1 :(得分:5)

通过“隐藏一半”,你的意思是什么?

你想要一个半圆吗?

width:100px;
height:50px;
border-radius:50px 50px 0 0;

还是其他什么?请进一步详细说明,我可以提供更多选项;)

答案 2 :(得分:2)

您可以将其与height: 50pxoverflow:hidden放在另一个div中。这应该可以解决问题。