个人中心
gpt4 book ai didi

CSS 菜单栏 - 是否需要 3 个 div？

转载 作者：行者123 更新时间：2023-11-28 12:52:44 25 4
gpt4 key购买 nike

我正在为我的网站创建一个菜单栏，我想知道我做的是否正确。

是否有更好的方法来达到同样的效果？使用 3 个 div 似乎太过分了。

这是我目前的处理方式:

<!DOCTYPE html>
<html>
<head>

<style type="text/css">
#topbar {
    background: #487BC0;
    width: 100%;
}

#container {
    width: 960px;
    margin: 0 auto;
}

#links {
    padding: 15px 0 15px 840px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 30px;
}

#content {
    position: relative;
    background: #f6f6f6;
    width: 960px;
    height: 100%;
    margin: 0 auto;
}

</style>

</head>
<body>

<div id="topbar">
    <div id="container">
        <div id="links">Login | Register</div>
    </div>
</div>

<div id="content">Content goes here</div>

</body>
</html>

最佳答案

我不是大师，但也许像这样的东西会奏效？

<!DOCTYPE html>
<html>
<head>

<style type="text/css">
#container {
background: #487BC0;
width: 100%
min-width: 960px;
margin: 0 auto;
}

#container > span {
display: block;
padding: 15px 0 15px 840px;
color: #fff;
font-size: 14px;
margin-bottom: 30px;
}

#content {
position: relative;
background: #f6f6f6;
width: 960px;
height: 100%;
margin: 0 auto;
}

</style>

</head>
<body>

<div id="container">
    <span>Login | Register</span>
</div>

<div id="content">Content goes here</div>

</body>
</html>

再说一次，我不是 Guru O.o

关于CSS 菜单栏 - 是否需要 3 个 div？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16805617/

25 4 0
文章推荐： css - 某些内容移入固定 header 的问题
文章推荐： javascript - 单例模式的简单 JS 示例不起作用
文章推荐： javascript - 如何使用 javascript 正则表达式替换字符串的一部分
文章推荐： php - 铜版哥特式灯在 Firefox 21.0 中不起作用