css样式链表中中的浮动属性

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>

<style type="text/css">

.divClass {

/*宽度 实心 颜色*/
border: 1px solid red ;

background-color: pink;

height: 25px;

width: 25px;

float: left;

}

.clr {
clear: both;
}

</style>


</head>
<body>
<div class="divClass">0</div>

<div class="divClass">1</div>

<div class="divClass">2</div>

<div class="divClass">3</div>

<div class="divClass">4</div>

<!-- 清除浮动 -->
<div class="clr"></div>

<div class="divClass">5</div>

<div class="divClass">6</div>

<div class="divClass">7</div>

<div class="divClass">8</div>

<div class="divClass">9</div>

</body>
</html>

猜你喜欢

转载自www.cnblogs.com/sun-shine1229/p/9099435.html