float: left;
background: #ff5722;
width: 100px;
padding: 30px 0;
text-align: center;
}float: right;
background: #ff5722;
width: 100px;
padding: 30px 0;
text-align: center;
}float: none;
background: #ff5722;
width: 100px;
padding: 30px 0;
text-align: center;
}.withoutclear {
float: right;
width: 100px;
height: 50px;
margin: 10px;
border: 3px solid blue;
}
.p1 {
border: 1px solid red;
}
.withclear {
float: right;
width: 100px;
height: 50px;
margin: 10px;
border: 3px solid blue;
}
.p2 {
border: 1px solid red;
clear: right;
}
.withoutclear {
float: left;
width: 100px;
height: 50px;
margin: 10px;
border: 3px solid blue;
}
.p1 {
border: 1px solid red;
}
.withclear {
float: right;
width: 100px;
height: 50px;
margin: 10px;
border: 3px solid blue;
}
.p2 {
border: 1px solid red;
clear: none;
}
box-sizing: content-box;
width: 250px;
height: 80px;
padding: 30px;
border: 5px solid #ff5722;
}
.border-box {box-sizing: border-box;
width: 250px;
height: 80px;
padding: 30px;
border: 5px solid #ff5722;
}