我要创建3个div标签,前两个标签彼此相邻。 3. Div标签位于前两个DIV标签之下。我已经完成了这个,但是我已经在第一个div中插入了一个幻灯片,但是它们都变成了“display:block;”。
我已经尝试更改code ...
答案 0 :(得分:0)
您可以使用float属性来实现此目的。请参阅更新的JSFiddle:http://fiddle.jshell.net/cZN8x/
通过在两个相邻的div上左右浮动,它们将彼此并排 - 只要总宽度小于容器,在这种情况下无关紧要。使用浮动的一个问题是需要使用带有CSS属性的空div重置
clear: both;
希望有所帮助!
答案 1 :(得分:0)
试试这个,它会帮助你:D
.clear {
clear: both;
}
.box {
position: relative;
background: rgba(255,255,255,.81);
box-shadow: 0 0 10px #090909;
border-radius: 3px;
}
.box:hover {
transition: background .3s;
background: rgba(255,255,255,.85);
}
#news {
float: left;
display: inline-block;
height: 300px;
width: 693px;
}
#login {
display: inline-block;
height: 300px;
width: 275px;
left: 10px;
}
#info {
display: block;
height: 120px;
width: 978px;
margin-top: 10px;
margin-left: 7.68%;
}