Question

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

什么是将一个div放在另一个div下面的CSS属性，而两个div是浮动的：对吗？

代码：

@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;在新行上设置浮动元素。此外，将#right和#left设置为inline-block不会为您的目的做任何事情。设置宽度，然后设置float属性，并将两个元素并排放置，将页面分成两半。

内联块TYPICALLY用于nav元素。或者在特殊情况下垂直居中对象。

Answer 2

http://jsfiddle.net/eka1ccsu/2/

我只是对你的问题采取了字面意思，我浮动两个div的父，所以孩子表现为块元素。

<div style="float:right;">
        <div id="nuser">
            <a href="add.php">Add New User</a>
        </div>
        <div id="nentry">
            <a href="addc.php">Add Entry</a>
        </div>
</div>

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

2 个答案: