gpt4 book ai didi

css-float - float Div 列,最左侧固定

转载 作者:行者123 更新时间:2023-11-28 03:34:28 26 4
gpt4 key购买 nike

我想让一个 float 到左边的 div 是固定的,但在它旁边还有另一个 div float (即,两个列,但是当页面是滚动)。

据我所知,fixed and position don't mix ,并且只能通过例如向第二个(最右边的)div 添加一个 margin-left 来实现这一点,( like this )

但是,我保留了一丝微弱的希望,我带到这里要么被点燃,要么被扼杀。

所以,我想在这里更改 css,这样我就可以去掉 margin-left 标签,让 #body div float 在 #menu 上面:

    <!DOCTYPE html>
<html>
<head>
<style>
#menu
{
float:left; width: 10em; position: fixed;
}

#body
{
float:left; maring-left: 10em;
}

#footer
{
clear:both;
}
</style>
</head>

<body>
<div /*main div others are nested in*/>

<div id="menu">
menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu<br/>menu

</div>
<div id="body">
<p>
body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body body
</p>

<div id="footer">
footer footer footer footer footer footer footer footer footer footer footer footer footer footer footer
</div>
</div>
</div>
</div>
</body>
</html>

谢谢大家的帮助!

最佳答案

左边页边有拼写错误ttp://jsfiddle.net/BYMZD/

关于css-float - float Div 列,最左侧固定,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15301572/

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