мой div находится в неправильном вертикальном положении

У меня есть два div и im, пытающиеся заставить их обоих сидеть сверху, чтобы быть рядом друг с другом, но второй с фиктивным текстом по какой-то причине на полпути вниз по странице. я не могу получить его на вершину, как первый div. здесь некоторый код у меня естьмой div находится в неправильном вертикальном положении

<div id="bgdsply2" style="width:300px; display:inline-block;"> 
     <img src="admin/showroom/clocks/thumbnails/bru4.jpg" width="300px" height="800px" alt="" /> 
    </div> 
    <div style="width:300px; margin-left:200px; display:inline-block;"> 
     Quo ne facer impedit euripidis, inermis nonumes vis ex, fabulas menandri postulant ad nam. Animal disputationi ad qui, case natum cotidieque ei mel, et diam prima posse vel. Usu admodum lobortis inciderint eu, oratio tritani et vis, ea eum nemore deseruisse. Dicam conceptam interpretaris sed ea. Ex mei everti abhorreant disputationi. 
    </div>

источник

2015-08-06 peter

возможно дубликат [Align встроенного блок DIV, чтобы верхняя часть контейнера элемента] (http://stackoverflow.com/questions/22092724/align-inline-block-divs-to-top-of-container- элемент) –

Добавьте «float: left» к первому. Это то, что вы хотите - https://jsfiddle.net/ddk6gxt7/ –

Проверьте ширину контейнера DIV и убедитесь, что он может поддерживать как Дивы-й сложенный бок о боке. Некоторые люди предпочитают добавлять float: right; как в divs, так и в тег clear: both;, чтобы одно пространство не увеличивало ширину divs более 600 пикселей;

<div class='container' style='width: 600px;'> 
    <div class='right' style='float: right; display: inline-block; width: 300px; margin: 0px; padding: 0px;'> 
     // content 
    </div> 
    <div class='left' style='float: right; display: inline-block; width: 300px; margin: 0px; padding: 0px;'> 
     // content 
    </div> 
    <p style='clear: both;'></p> 
</div>

источник

2015-08-06 19:47:29 DanceSC

Поместите divs рядом друг с другом без пробела или введите промежуточный элемент. У вас есть два div с фиксированной шириной, с (я предполагаю) намерение точно заполнить ширину родительского элемента. Пространство между divs делает его слишком большим, чтобы они были рядом друг с другом.

<div id="bgdsply2" style="width:300px; display:inline-block;"> 
    <img src="admin/showroom/clocks/thumbnails/bru4.jpg" width="300px" height="800px" alt="" /> 
</div><div style="width:300px; margin-left:200px; display:inline-block;"> 
    Quo ne facer 
</div>

источник

2015-08-06 19:51:23 GolezTrol

мой div находится в неправильном вертикальном положении

ответ

Смежные вопросы