Простой вопрос, который я хочу разделить DIV в двух колонках я использую для дивы с http://jsfiddle.net/petran/WnKW3/делят ДИВ с процент
display:inline-block
и она отлично работает, когда я добавляю ширину с суммой 100%, то второй столбец появляется внизу кажется, что он не встает на родительское окно, если значения ширины до 99% работают, мой вопрос заключается в том, что всегда должна быть сумма столбцов?
Это из-за разрыва между двумя дочерними элементами div в HTML-коде. вам нужно удалить промежуток между двумя div, на которые вы указываете display: inline-block. Просто удалите его. Он будет работать нормально.
<div class="container">
<div class="col1">
col1
</div><div class="col2"> <!-- removed whitespace -->
col2
</div>
</div>
Для получения дополнительной информации перейдите по этому link
Есть много других способов, чтобы исправить это. Вы найдете here
Пространство между вашими divs занимает пространство, поэтому общая ширина превышает 100%, поэтому он обертывается. Удалить пространство, и вы увидите
<div class="col1">
col1
</div><div class="col2">
col2
</div>
Но разве это не лучшая идея, чтобы плавать в DIVs, так что вы не зависят от пробельных от разметки? –
@OneTrickPony ya это по-другому. но мы не знаем, что именно делает. так как мы можем видеть только код выдержки из проекта OP. –
Это странно. Как пробел может влиять на отображение элементов html. (Конечно, без предварительного тега)? –