gpt4 book ai didi

css - 将 div 放置在其他 div 附近

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

我不能像我想要的那样定位 div。我在互联网上到处搜索,但找不到解决方案。 My work

  1. 我想要红色方 block 内的 div(深灰色)位置。和我的

  2. 我的另一个目标是自动调整 div 大小(同一个)以适合红色方 block 。

这是我的 code :

<body>
<div id="functions"></div>
<div id="sidemeniu"></div>
<div id="servers">hi...</div>
</body>

最佳答案

Check out the demo is this that you want将其封装在一个 Div 中

HTML

<body>
<div id="functions"></div>
<div>
<div id="sidemeniu"></div>
<div id="servers">hi...</div>
</div>

</body>

CSS

#functions {
height: 40px;
margin-left: 155px;
padding-top: 5px;
padding-right: 4px;
padding-bottom: 7px;
padding-left: 8px;
white-space: nowrap;
background-color: black;
}
#sidemeniu {
width: 20%;
height: 300px;
margin-top: 5px;
padding-top: 5px;
padding-right: 4px;
padding-bottom: 7px;
padding-left: 8px;
display: inline-block;
background-color: darkgray;
float:left;
}
#servers {
background-color: grey;

float:right;
width:78%; // changed width here to accomadate inside the div
height: 300px;

}

关于css - 将 div 放置在其他 div 附近,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23030236/

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