Css 将div放置在其他div'附近;s

Css 将div放置在其他div'附近;s,css,html,Css,Html,我不能像我想的那样定位div。我在互联网上到处搜索,找不到解决办法。 我要在红方块内的div(深灰色)位置。还有我的 我的另一个目标是自动调整大小div(相同的一个),以适应红方块 这是我的: 你好 您需要在红色的div中定义深灰色的div;例:- <div id="red"> <div id="grey">hi.. </div> </div> 将其封装在一个Div中 Html 你能详细说明你想要什么吗 <div id="red"&g

我不能像我想的那样定位div。我在互联网上到处搜索,找不到解决办法。

  • 我要在红方块内的div(深灰色)位置。还有我的

  • 我的另一个目标是自动调整大小div(相同的一个),以适应红方块

  • 这是我的:

    
    你好
    
    您需要在红色的div中定义深灰色的div;例:-

    <div id="red">
    <div id="grey">hi..
    </div>
    </div>
    
    将其封装在一个Div中

    Html
    你能详细说明你想要什么吗
    <div id="red">
    <div id="grey">hi..
    </div>
    </div>
    
    {
    margin:0px;
    padding:0px;
    position:absolute;// NOt
    left:0px;// Required
    top:0px;// Though
    width:100%;
    height:100%;
    }
    
    <body>
        <div id="functions"></div>
        <div>
            <div id="sidemeniu"></div>
        <div id="servers">hi...</div>
        </div>    
    
    </body>
    
    #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;
    
    }