位置div靠近其他div

时间：2014-04-12 12:14:33

标签： css html

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

  1. 我想在红色方块内的div（深灰色）位置。和我的

  2. 我的另一个目标是自动调整div（同一个）以适合红色方块。

    3. 这是我的code：

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

2 个答案:

答案 0 :(得分：1)

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;

}

答案 1 :(得分：0)

你需要在红色的div中定义深灰色的div;例如： - 

<div id="red">
<div id="grey">hi..
</div>
</div>

同样在深灰色的div中添加foll属性： - 

{
margin:0px;
padding:0px;
position:absolute;// NOt
left:0px;// Required
top:0px;// Though
width:100%;
height:100%;
}
相关问题
最新问题