我想要2个div,它们在一个容器div中,并排出现.然而,第二个由于某种原因包装.第二个div促销位于第一个div幻灯片放映的右下方.边际似乎是正确的,但我希望这两个div并排出现.
我在这里尝试了一些建议,但它们不起作用.
这是CSS：
#top-feature {
background: red;
height: 320px;
width: 897px;
margin: 11px 0 0 0;
/*padding: 10px 0 0 10px;*/
position: relative;
text-align: left;
}
#slideshow {
height: 300px;
width: 548px;
margin: 0 0 0 0;
background: blue;
}
#promo {
height: 100px;
width: 200px;
margin: 0 0 0 569px;
background: green;
}
这是HTML：
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<div id="top-feature">
<div id="slideshow">
</div>
<div id="promo">
</div>
</div>
</asp:Content>
解决方法
你需要浮动,内联或定位：绝对那些内部div如果你想要它们并排. “普通”div是一个块对象,它强制跟随内容出现在它下面.
