Поплавок, расширяющий поплавок

Question

Я создаю простую 2-колоночную разметку для сайта, но столкнулся с небольшой проблемой. Когда я добавляю отступ к столбцу с примененным float: left, float расширяется за ширину, которую я определил. Кажется, я нигде не могу найти ответ на этот вопрос.

Answer 1

Вы должны отрегулировать ширину, потому что, когда ваша страница отображается, отступы рассматриваются как часть ширины.

Допустим, у вас есть div, который должен быть 200px, с отступом вправо 10px.

.box {
    width:200px;
    padding-right:10px;
}

Ваша фактическая ширина будет 210px.