layout-css

＜変更点＞
lay-13において、コメントのテキストだけを全削除し、
高さをbox-2と同じにした。

box1-box1-box1-box1-box1-box1-box1-box1-box1-box1- box1-box1-box1-box1-box1-box1-box1-box1-box1-box1- box1-box1-box1-box1-box1-box1-box1-box1-box1-box1- box1-box1-box1-box1-box1-box1-box1-box1-

box2-box2-box2-box2-box2-box2-box2-box2-box2-box2-box2-box2-box2- box2-box2-box2-box2-box2-

box3-box3-box3-box3-box3-box3-box3-box3-box3-box3-box3-box3-box3- box2-box2-box2-box2-box2-

box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4- box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4- box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4- box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-box4-


.boxA{
width:400px;
height:150px;
border:solid 8px #00a0e9;
background-color:#a0e0fe;
color:#00a0e9;}

.boxA:after{content: "";
display: block;
clear:both;}

.box1{
width:400px;
height:150px;
background-color:#ffefd5;}

.box2{
float:left;
width:100px;
height:150px;
background-color:#ffe4c4;}

.box3{
float:left;
width:100px;
height:150px;
background-color:#ffc0cb;}

.box4{
float:left;
width:400px;
height:150px;
background-color:#ffa07a;
clear:both;}