让块元素不独占一行-浮动布局

块元素默认是独占一行的,如果想要几个块元素并排怎么办呢,这时候需要用到浮动(float)

实例代码如下

.floatDemo{
    width:100px;
    heigth:100px;
    float:left;
    margin:0px 30px 0px 0px;
    background-color:#4F94CD;
}


效果如下:
posted @ 2017-07-16 15:18  sherlock-merlin  阅读(1138)  评论(0编辑  收藏  举报