container / pull-left

        <div class="container">
            <h2>实例</h2>
            <div class="pull-left">元素浮动到左侧</div>
            <div class="pull-right">元素浮动到右侧</div>
        </div>

.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}

.pull-left{float:left !important;}

 

!important会提升该条规则的优先级,如果有如下2条规则
.pull-left{color:red !important;}
.pull-left{color:green;}
这样pull-left文字的颜色就是红色
如果不加!important就会被第二条的规则覆盖显示为绿色了

 

posted @ 2016-07-26 20:21  Chris_在IT道路上前行  阅读(217)  评论(0编辑  收藏  举报