Question

CSS里面的div盒子模型，大的div里面嵌套三个小的div（水平方向）第一个盒子没有问题，

但是第二，三个盒子就完全看不懂了，代码太长了这里放不下，我用图片截图了，标了序号，box2就是导航条下面那个红色的。求帮助





Answer 1

所以你想做成什么样

追问

三个小的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>