gpt4 book ai didi

html - 无法将我的侧边栏放在右侧

转载 作者:行者123 更新时间:2023-11-28 10:18:58 25 4
gpt4 key购买 nike

我是 CSS 的业余爱好者,并且尝试使用一些指南来让自己走得更远。我已经设置了一个 fiddle http://jsfiddle.net/defaye/X9t7M/1/对于任何可能知道我做错了什么的人?我无法将右侧的侧边栏作为主要内容的最右侧列。

CSS 结构

#wrapper {
width: 100%;
min-width: 950px;
max-width: 1110px;
margin: 0 auto;
}

#header {
float: left;
height: 354px;
width: 100%;
}

#navigation {
float: left;
height: 40px;
width: 100%;
}

#container {
float: left;
width: 100%;
}

#main {
margin-right: 200px;
}

#sidebar {
width: 300px;
margin-left: -300px;
float: left;
}

#footer {
height: 40px;
width: 100%;
clear: both;
}

HTML结构

<body>
<div id="wrapper">
<div id="header"></div>
<div id="navigation"></div>
<div id="container">
<div id="main"></div>
<div id="sidebar"></div>
</div>
<div id="footer"></div>
</div>
</body>

最佳答案

看看this fiddle怎么运行的。这是 your updated fiddle

#main, #sidebar {
float: left;
}

#main {
width: 70%;
}

#sidebar {
width: 30%;
}

关于html - 无法将我的侧边栏放在右侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24108179/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com