我正在尝试编写我的新网页。在顶部,我想有一个中心div称为top-bar-container,其他三个div则是这样的:

<div id="top-bar-container">
    <div id="top-main-menu-container">
        <ul id="main-menu">
            <li><a href="#">link 1</a></li>
            <li><a href="#">link 2</a></li>
            <li><a href="#">link 3</a></li>
            <li><a href="#">link 4</a></li>
        </ul>
    </div>

    <div id="logo-placeholder">
        <a href="#"><img src="images/logo.png" width="300" height="75"></a>
    </div>

    <div id="mail-login-container">

    </div>
</div>


尝试使div的效果始终位于左侧,右侧,右侧,徽标始终位于中间。我喜欢使用位置:绝对,但是这种勉强。我必须采取不同的处理方式。有谁能帮助我达到这种效果?

最佳答案

这是一种方法。

#top-bar-container > div {
 float: left;
}

09-25 17:11
查看更多