「CSS」 CSS のプロパティclearのサンプル

2022年5月5日

環境
Google Chrome　101.0.4951.54
構文
clear: both;
値
both
要素は先行する左右両方の浮動要素と切り離され、下に移動します。
clear は CSS のプロパティで、要素をその前にある浮動要素の下に移動 (clear) する必要があるかどうかを設定します。

使用例

<!DOCTYPE html>
<html>
<head>
<style>
.wrapper{
  border:1px solid black;
  padding:10px;
}
.both {
  border: 2px solid black;
  clear: both;
}

p {
  width: 45%;
}
</style>
</head>
<body>

<div class="wrapper">
  <p class="both">clear プロパティは、浮動要素と非浮動要素のどちらに.</p>
</div>
</body>
</html>

CSS

Posted by arkgame

Related posts: