已编辑:我有一个 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;
}
最佳答案
你可以使用 clear: both;在新行上设置 float 元素。此外,将 #right 和 #left 设置为 inline-block 对您的目的没有任何帮助。设置宽度,然后设置 float 属性,将两个元素并排放置,将页面分成两半。
行内 block 通常用于导航元素。或者在特殊情况下垂直居中对象。
关于html - 将 div 放在其他 div 的下方,同时向右浮动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25295509/