промежуток между двумя делениями ширины 50%

Question

У меня есть контейнер <div> с шириной 181px.

В моем контейнере есть два дочерних элемента <div>, каждый из которых имеет ширину 50%.

Моя проблема в том, что каждый из моих дочерних <div> элементов имеет ширину всего 90 пикселей, что приводит к разрыву в 1 пиксель между ними.

Есть предложения по устранению пробела?

Answer 1

Установите ширину одного div как 50%, а другой может использовать стандартное поведение блока при использовании оставшейся ширины:

<div style="width: 181px;">
    <div style="width: 50%; float: left;"></div>
    <div></div>
</div>

Answer 2

Нельзя разделить 181 пиксель пополам.Пиксель - это пиксель на дисплее, и вы не можете получить 2 50% элементов, чтобы разделить 181px пополам.Каждый должен быть 90px, а другой должен быть 91px.

Если вы перемещаете их обоих в одном и том же направлении, влево или вправо, пробел между ними исчезнет, ​​но у вас, вероятно, останется разрыв в 1pxдругая сторона - если это имеет значение.Если у вас есть границы для этих элементов, и вы используете плавающие объекты, то у вас будет совершенно новый набор кросс-браузерных проблем.Обязательно проведите кросс-браузерное тестирование.

Answer 3

стиль их как поплавки?

<div style="width:181px;border:1px solid;height:100px;">
    <div style="width:50%;background:#F00;height:100%;float:left;"></div>
    <div style="width:50%;background:#00F;height:100%;float:left;"></div>
</div>

Answer 4

Ну, значение округляется до целого числа.

Вот очень хорошая тема, которая вдавается в подробности.

Соблюдаются ли десятичные разряды в ширине CSS?