liguofeng29’s blog

個人勉強用ブログだっす。

CSS3.0のレイアウト関連 - clear属性

CSS3.0 ┗━CSS3.0のレイアウト関連

左右に浮動コンポーネントが出現可能かを指定する。

属性値

  • left
  • right
  • both
<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=SJIS" />
   <title> clear属性 </title>
   <style type="text/css">
        div>div{
            width: 220px;
            padding: 5px;
            margin:2px;
            float:left;
            background-color: #ddd;
        }
    </style>
</head>
<body>
<div>
    <div>div1</div>
    <div>div2</div>
    <div style="clear:both;">div3(clear:both;)</div>
    <div>div4</div>
</div>
</body>
</html>

f:id:liguofeng29:20160203210218g:plain