正方形のコンテナ内にテキストを追加しましたが、境界線を越えた文字の部分を消そうとしているので、境界線内の内容のみが表示されます。私はそれを働かせることができません。オーバーフローを隠してみましたが、何もしませんでした。これRw
は、境界を通過する文字の部分のみに非表示にする必要があるテキストです
私はSASSを使用しているので、それが変数の理由です。
ここにhtmlがあります
<div class="container">
<div class="itemsection clearfix">
<div class="item"><h1>Rw</h1></div>
<div class="item"></div>
そしてここにcssがあります
.item {
float: left;
margin: 0 0 70px 6.04%;
height: $itemsize;
width: $itemsize;
background-color: #ddd;
border: 8px solid #fff;
box-shadow: 0 0 20px 0px #ddd;
overflow: hidden;
h1 {
font-size: 7em;
margin: 15px 0 0 -28px;
}
}