css中的DIV对齐（位置）需要帮助吗

我正在开发joomla模板，我有两个div，每个div有两个div。 边境 顶部菜单

    <div id='menu' class='span12' >
    <div id='mainmenu' class='span9'> Main Menu</div>
    <div id='search' class='span3'> Search </div>
    </div>

当我把宽度100%放在#顶部时，效果很好，但宽度改变了。

---

如何解决这个问题而不使用宽度：100%

网格有12列，您使用的是9+3。您应该检查div中的边距，并将其设置为0。这就是为什么它现在按照你期望的方式工作

    <div id='menu' class='span12' >
    <div id='mainmenu' class='span9'> Main Menu</div>
    <div id='search' class='span3'> Search </div>
    </div>