gpt4 book ai didi

css - 固定 div 垂直和右对齐到另一个 div

转载 作者:太空宇宙 更新时间:2023-11-04 16:21:16 27 4
gpt4 key购买 nike

nav div 必须垂直固定并位于容器 div 的右侧。

使用 position:fixed; 并设置 left 和 top 值,您可以让 div 保持在同一个位置,但 left 值取决于父 div(页面容器)居中。

<html>
<body>
<div id="page-container" style="width: 700px; height:1000px; margin-left: auto; margin-right: auto;background-color:moccasin;">

<div class="content" style=" width: 340px; height:300px; float:left;background-color:mediumseagreen;">
.content
</div>

<div class="nav" style="float:left;height: auto; width: 300px; display: block;background-color:lightblue;">
.nav <br><br>This div must:<br>
1. be fixed vertically (if scrolling down, you should see me in the same place) <br>
2. be aligned to the right side of <b>content</b>
</div>
</div>
</body>
</html>

enter image description here

最佳答案

参见: http://jsbin.com/afenip/2

/* new css */
.nav {
position: fixed;
margin-left: 340px; /* same as the width on .content */
}

关于css - 固定 div 垂直和右对齐到另一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6527987/

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