CSS, Div перекрытие, несмотря на марже

У меня есть следующие Див-х:CSS, Div перекрытие, несмотря на марже

<div id="container" style="width: 60%; height: 30%; margin: 0 auto; max-width: 720px; max-height: 360px"></div> 
<div id="tapecontainer" style="width: 60%; height: 30%; margin: 50px auto; max-width: 720px; max-height: 360px"></div>

Нижняя одна немного перекрывает одну выше, но когда я изменить размер окна, вдруг Див «помнят», что я поставил в край и правильно выравнивает.

Есть ли способ, чтобы я мог правильно их выровнять с самого начала? Спасибо тонну.

источник

2013-09-18 Anonymous

Не могли бы вы сделать живой скрипка? –

сколько ширина родительского элемента? coz ', вы должны совершенствовать расчет, если работаете с процентом (%), или используете Bootstrap/Foundation для css framework (отзывчивый). – avalkab

Спасибо всем за ответы. Кто-то действительно написал комментарий, предполагающий, что я попытался использовать «clear: both», и это решило проблему отлично. К сожалению, он, похоже, снял свой комментарий, поэтому я не могу дать ему очки. –

Try установкой overflow: hidden;

источник

2013-09-18 09:18:28

Изменение margin: 50px auto; в margin: 0px auto; padding:50px 0; ...

Спасибо надеюсь, что это работает ...

источник

2013-09-18 09:19:50 SaurabhLP

Попробуйте что-то вроде этого:

<div id="container" style="width: 60%; height: 30%; margin:auto; max-width: 720px; max-height: 360px"></div> 
<div style="height:50px;"></div> 
<div id="tapecontainer" style="width: 60%; height: 30%; margin:auto; max-width: 720px; max-height: 360px"></div>

источник

2013-09-18 09:25:30

CSS, Div перекрытие, несмотря на марже

ответ

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