没搞懂的一段css

于 2013-07-22 18:35:54 发布 · 60 阅读

博客已经迁移至萌萌的IT人，谢谢支持

--------------------------------------------------

.left{
    width:100px;
    height:100px;
    background-color:#eeeeee;
    border:1px solid green;

    float:left;
}
.right{
    width:100px;
    height:100px;
    background-color:#aaaaaa;
    border:1px solid red;

    float:right;
}
#b{
    width:100px;
    height:100px;
    background-color:#555555;
    border:1px solid pink;
    //float:left;
    //clear:left;
}

<html>
<head>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="tmp.css">
</head>
<body>

	<div class="left">A</div>
	<div class="left">B</div>
	<div class="right">C</div>
	<div id="b">X</div>

</body>
</html>

还没有懂。记下来以后再解释吧。