layout-css

＜変更点＞
lay-14において、box-Aのバッククラの幅、高さ、色など削除した。
ただし、commentの分は触らないで、そのまま。

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;}