我在包装器中并排放置2个div时遇到麻烦。我已经阅读了有关如何并排放置2个div的现有问题和文章；看起来非常简单，只需为两个div定义width和float：left即可。但是，我无法使它正常工作！
任何帮助，将不胜感激，谢谢！:)
这是JSFiddle：https ://jsfiddle.net/Toppoki/7pazLwLs/23/
HTML：
<div class="child1">
<div class="wrapper">
<div class="blurb">
</div>
<div class="form">
</div>
</div>
</div>
CSS：
.child1 {
background:#082a46;
margin:0;
}
.wrapper {
width:970px;
margin: 0 auto;
}
.blurb {
color: #fff;
width:200px;
height:400px;
float:left;
}
.form{
background-color:#9c0b0e;
width:100px;
height:400px;
float:left;
}
它已针对您显示的代码段起作用。我只是在上面放了背景色，div.form这样您就可以看到。
在jsfiddle的示例中，div.blurb缺少float:left，并且有很多事情会让您感到困惑。
开始删除一些占位符文本以及不必要的元素和样式。开始使其变得非常简单，将其缩进好，然后一次添加一种样式。它将最终成功。
.child1 {
background:#082a46;
margin:0;
}
.wrapper {
border: 1px solid #ccc;
width:970px;
margin: 0 auto;
}
.blurb {
color: #fff;
width:200px;
background-color: blue;
height:400px;
float:left;
}
.form{
background-color:#9c0b0e;
width:100px;
height:400px;
float:left;
}<div class="child1">
<div class="wrapper">
<div class="blurb">
</div>
<div class="form">
</div>
</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句