При наличии двух разделителей рядом друг с другом, с шириной, заданной в процентах, 100% просто слишком много, и это приводит к тому, что два divs не будут рядом друг с другом.100% не равно 100%?
99% затем оставляет довольно большой промежуток между двумя div.
Есть ли определенный процент, при котором два divs прекрасно подходят на странице?
И что может быть причиной этой проблемы?
И что может быть причиной этой проблемы?
Скорее всего, это дополнение/граница, которая добавляет ширину элемента в соответствии с моделью по умолчанию. Чтобы преодолеть это изменить box-sizing свойства соответствующих элементов, которые вы хотите, чтобы заполнить ширину 100%:
.inline-blocks {
box-sizing: border-box;
}
Не забудьте использовать префиксы поставщиков с размерами в коробке, они все равно не поддерживаются без них. –
@AmarSyla - http://caniuse.com/#feat=css3-boxsizing - 95% не очень хорошо? – Pavelloz
Приставки @AmarSyla Vendor не нужны для выбора размера окна, только для очень старого firefox. – dfsq
Если вы используете встроенную отображающий, новая линия между двумя отдельными узлами входят как пробел. Это приводит к обертыванию двух элементов, несмотря на их ширину, суммирующую до 100%.
.container {
width: 200px;
border: 1px solid blue;
}
.inl {
display: inline-block;
width: 50%;
height: 20px;
background: green;
}<div class="container">
<div class="inl"></div>
<div class="inl"></div>
</div>
<div class="container">
<div class="inl"></div><div class="inl"></div>
</div>
С Css недвижимости 'margin' может быть? Если у div есть маржа, 100% может не работать. –
Иногда у меня возникает ощущение, что это связано с границами веб-браузера. У вас есть тот же результат в полноэкранном режиме? – Programmer1994
Невозможно ответить на этот вопрос без дополнительного контекста, предпочтительно используя пример. –