Ответ 1
Зависит от того, что вы хотите сделать.
Вы можете использовать display: inline-block;
Я хочу поместить несколько div
рядом друг с другом в одну строку. Все div
имеют одинаковую высоту.
Здесь описано, как это можно сделать с помощью float: left
.
Можно ли это сделать без использования float
?
Зависит от того, что вы хотите сделать.
Вы можете использовать display: inline-block;
Вы можете использовать display: inline-block. Но, к сожалению, некоторые браузеры (некоторые версии IE) не поддерживают его.
a display: block
элемент (фактически) будет иметь разрыв строки в конце. Один из вариантов, который позволит вам сохранить стили стилей блоков, вставляя их в поток страниц, устанавливается display: inline-block
(конечно, с дополнительная работа чтобы заставить себя вести себя)
Другой вариант - вложить их в них, установить их все на position: relative
и использовать правило left
для их выравнивания.
Если у вас есть возможность изменить divs на элементы span, это устранит проблему без использования CSS
<span></span><span></span><span></span><span></span>
#together {
position: absolute;
display: inline-block;
margin;left:10px;
background-color:lightblue;
width:500px;
border:4px double blue;
}
<div id="together" style="left:10px">first div</div>
<div id="together" style="left:520px">second div</div>
<div id="together" style="left:1030px">third div</div>
<div id="together" style="left:1540px">fourth div</div>
<div id="together" style="left:2050px">fifth div</div>
<div id="together" style="left:2560px">sixth div</div>
<div id="together" style="left:3070px">seventh div</div>