html - 将 div 放在其他 div 的下方，同时向右浮动

Question

已编辑:我有一个 div 占据了窗口的左半部分。在那个 div 里面是另外两个 div。如何将内部 div 堆叠在一起，同时将两个 div 向右浮动。如果你看一下 JSFiddle，这两个 div 是并排的

http://jsfiddle.net/eka1ccsu/1/

当两个 div float 时将一个 div 放在另一个下面的 CSS 属性是什么:对吗？

代码:

@charset "UTF-8";
/* CSS Document */


#bdy{
font-family: Verdana, Geneva, sans-serif;
position: relative; 

}



#left{
    height: 100%;
    width: 50%;
    position: relative;
    display: inline-block;
    float: left;
    bottom: 0;
}

#right{
width: 50%;
height: 100%;
display: inline-block;
float: right;
bottom: 0;
}

#nentry {

position:relative;
float: right;   
margin-top: 100px;

}

#nuser {
position:relative;
float: right;   
margin-top: 100px;
}

Answer 1

你可以使用 clear: both;在新行上设置 float 元素。此外，将 #right 和 #left 设置为 inline-block 对您的目的没有任何帮助。设置宽度，然后设置 float 属性，将两个元素并排放置，将页面分成两半。

行内 block 通常用于导航元素。或者在特殊情况下垂直居中对象。