Javascript DIV标签显示:inlineblock;
我将创建3个div标记,前两个彼此相邻。 三。Div标签位于前两个Div标签之下。我已经这样做了,但是我已经在第一个Div中插入了一个幻灯片,但是它们都变成了“display:block;”Javascript DIV标签显示:inlineblock;,javascript,jquery,html,css,inline,Javascript,Jquery,Html,Css,Inline,我将创建3个div标记,前两个彼此相邻。 三。Div标签位于前两个Div标签之下。我已经这样做了,但是我已经在第一个Div中插入了一个幻灯片,但是它们都变成了“display:block;” 我已经试着改变 您可以通过使用float属性来实现这一点。请参阅更新的JSFIDLE: 通过在两个相邻的div上应用float left和right,它们将彼此并排放置-只要总宽度小于容器,在本例中这并不重要。使用float的一个好处是需要使用带有CSS属性的空div进行重置 clear: both;
我已经试着改变 您可以通过使用float属性来实现这一点。请参阅更新的JSFIDLE: 通过在两个相邻的div上应用float left和right,它们将彼此并排放置-只要总宽度小于容器,在本例中这并不重要。使用float的一个好处是需要使用带有CSS属性的空div进行重置
clear: both;
希望有帮助 试试这将有助于:
.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%;
}
尝试在cssthank u中使用“display:inline block!important;”我发现了这个问题,但我还需要再做一些修改。