CSS里面的div盒子模型，大的div里面嵌套三个小的div（水平方向）第一个盒子没有问题，
但是第二，三个盒子就完全看不懂了，代码太长了这里放不下，我用图片截图了，标了序号，box2就是导航条下面那个红色的。求帮助
第1个回答 2017-03-29
所以你想做成什么样追问
<a href="#" style="background-color:red;display:inline-block;margin:22px 7px 0 0;width:55px;height:55px;"></a>
<a href="#" style="background-color:red;display:inline-block;left:62px;position:absolute;z-index:5;width:165px;height:100px;"></a>
<div style="display:inline-block;width:820px;height:88px;padding:12px 0 0 30px;position:absolute;left:62px;">
这里写小米手机。。红米。。。平板、。、。那栏，具体代码太长装不下了、
</div>
<div style="width:296px;height:50px;margin-top:25px;float:right">
<input type="text" style="float:left;width:223px;height:48px;padding:0 10px;border:1px #e0e0e0 solid;border-right:none;font-size:14px;outline:none;"/>
<div class="sousuo" style="background-color:red;float:left;width:52px;height:50px;cursor:pointer;"></div>
</div>
</div>本回答被提问者采纳
三个小的div平行，在里面。我不知道哪里出了问题
追答那你还是把代码发出来吧
追问我拍了图片，代码太长了，装不下
追答<div style="width:1226px;height:100px;margin:0 auto;position:relative;"><a href="#" style="background-color:red;display:inline-block;margin:22px 7px 0 0;width:55px;height:55px;"></a>
<a href="#" style="background-color:red;display:inline-block;left:62px;position:absolute;z-index:5;width:165px;height:100px;"></a>
<div style="display:inline-block;width:820px;height:88px;padding:12px 0 0 30px;position:absolute;left:62px;">
这里写小米手机。。红米。。。平板、。、。那栏，具体代码太长装不下了、
</div>
<div style="width:296px;height:50px;margin-top:25px;float:right">
<input type="text" style="float:left;width:223px;height:48px;padding:0 10px;border:1px #e0e0e0 solid;border-right:none;font-size:14px;outline:none;"/>
<div class="sousuo" style="background-color:red;float:left;width:52px;height:50px;cursor:pointer;"></div>
</div>
</div>本回答被提问者采纳
相似回答
