Другое расположение div рядом с главным div

-1

У меня есть главный DIV, который является центром экрана с полем: 0 auto; теперь мне нужно добавить еще один div снаружи (справа) рядом с основным DIV .. и постулат не должен двигаться, если я увеличиваю или уменьшаю размер экрана ... Любая помощь?Другое расположение div рядом с главным div

<div style="width:320px; height:500px; background-color:#C60; margin:0 auto;">Main Div</div> <div>Another DIV</div>

Благодаря

источник

2013-02-21 Ajeesh Joseph

Хотите ли вы оба из контейнеров должны быть сосредоточены вместе, или главный один, чтобы быть сосредоточены на своих собственных, как сейчас, а другой один, чтобы быть в стороне от него? –

Да, точно так, главный должен быть центрирован, а другой должен быть рядом с главным div. –

добавить к стилю:

display:inline-block;

Или

float:left;

Если вы предпочитаете последний, то вы, вероятно, хотите добавить пустую DIV после обоих дивы который очищает расстояние

<div style="clear:both"></div>

источник

2013-02-21 08:44:57

float: left будет работать правильно ...

HTML КОД:

<div class="outer"> 
    Main Div 
</div> 
<div class="inner">Another DIV</div>

CSS КОД:

.outer { 
    width:220px; 
    height:100px; 
    background-color:#C60; 
    float: left; 

} 

.inner { 
    width:120px; 
    height:100px; 
    background-color:red; 
    float: left; 
}

Это jsfiddle link

UPDATE:

jsfiddel link

источник

2013-02-21 08:54:24 TNK

Но главный div должен находиться в центре страницы, а другой рядом с ним .. любая возможность? –

использовать 'margin' или' position' – TNK

он не работает, когда я применяю margin: 0 auto и float: left –

Другое расположение div рядом с главным div

ответ

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