html - div の半分だけを表示するにはどうすればよいですか?

Question

100px高さ、100px幅、境界線の半径がのボタンがあります100px。これで 360 度の円になりますが、半分だけ隠したいと思います。私はすべてを検索しましたが、見つかりません。誰もこれを行う方法を知っていますか?

ありがとう！

Answer 1

親 div を作成し、それにoverflow: hidden;andposition: relative;を追加します。子 div で、次のことposition: relative;を行います。top: -50px;

Answer 2

「半分隠す」ってどういうこと？

半円が欲しいですか？

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

または、他の何か？さらに詳しく説明してください。より多くのオプションを提供できます ;)

Answer 3

と を使用して、別の div に配置できheight: 50pxますoverflow:hidden。これでうまくいくはずです。