css续—

高度和宽度，
定义width 和 height
设定宽度，width 可以通过width属性设定一个元素的宽度，水平方向的尺寸，
div.box{
    width:200px;
    border:1px solid black;
    background:orange;
}
设定高度，height
盒子里的内容的长短决定了盒子的高度，
div 中的值多的话，div会自增长

浮动元素， float
我们可以通过css属性float 令元素向左或向右浮动，也就是，令盒子以及其中的内容浮动到文档 或者是上层盒子的右边或者左边

上例的HTML代码如下所示：
<div id="picture">
        <img src="图片.jpg" >
</div>
    <p>1111111111111111111111111111111
1111111111111111.</p>

#picture ｛
    float：left
    width：100px；
｝

clear 属性
css属性clear 用于控制浮动元素的后继元素
缺省的 后继元素将向上移动，以填补前面浮动元素而浮出的空间
clear属性的值可以是left、right、both或none。原则是这样的：如果一个盒子的clear
属性被设为“both”，那么该盒子的上边距将始终处于前面的浮动盒子（如果存在的话）的
下边距之下。