Почему я не могу разместить один div ниже другого div?

Question

Я знаю, это звучит слишком просто, но я не могу поставить одну div ниже другой div, и мой код

HTML:

<div id="gamediv"></div> 
<div class="style"></div> 

CSS:

.style { 
    width:728px; 
    height:90px; 
    margin-left:auto; 
    margin-right:auto; 
} 

Answer 1

добавить дисплей: блок; Также в таблице стилей (как для дел)

Answer 2

После делать некоторые уродливые взломать в моих css & в моем первом div style я могу разместить мой желаемое div ниже первого div, это мой css код:

.style{ 
    width:728px; 
    height:90px; 
    margin-left:auto; 
    margin-right:auto; 
    position:absolute; 
    bottom:0px; 
    left:323px; 
} 

first div style property: <div id="gamediv" style="position:relative;"></div>

на данный момент это решение работает, но все же я не могу понять, почему предыдущие решения не сработали, любые объяснения в этом отношении важны Тед!!

Answer 3

Это beacuses ваш div будет отображаться befault в строке. Это займет все пространство, в котором он должен разобрать div. то, что вы можете сделать, это создать еще один DIV, включив в него 2 вы создаете и задающий определенную ширину:

<div id="container"> 
    <div id="gamediv"></div> 
    <div class="style"></div> 
</div> 

Затем добавить свой стиль, такие как

#container{ 
width: 800px; 
height: 200px; 
} 
.gamediv{ 
width:750px; 
height:40px; 
} 
.style { 
width:728px; 
height:90px; 
margin-left:auto; 
margin-right:auto; 
} 

, то вы можете выровнять с поплавком или центр с краем: auto; Попытайтесь представить div как коробки. если это поможет, вы можете добавить

border:1px solid black; 

это потянет окно, и вы увидите, что вы делаете