2016-09-20 2 views
-2
<div class="col-sm-8"> 
    <div class="col-sm-6 btn-submit"> 

    </div> 
</div> 

.col-sm-8 и .col-sm-6 размещены слева.В чем разница между float: none и clear: both?

В чем разница, если я добавляю clear:both или float:none в .btn-submit?

Ниже, что произойдет, если я добавлю clear:both. Высота соответствует содержимому.

enter image description here

Ниже то, что произойдет, если добавить float:none. Содержимое перекрывается кнопкой .

enter image description here

+8

Возможный дубликат [Есть ли разница между float: none и clear: none] (http://stackoverflow.com/questions/18153129/is-there-any-difference-between-float-none-and-clear -нон) –

+0

Я не думаю, что это дублируется. Я пережил это, прежде чем создал этот вопрос. Они дают очень общие ответы. И эти ответы не дают мне достаточно информации, чтобы понять, что на самом деле является разницей. –

ответ

1

поплавок: никто не подскажет элемент не плавать в любом месте.

прозрачный: обе место следующий элемент сверху следующий линия если есть.

То же функционирование.

Смежные вопросы