如何在没有保证金顶部或顶部的div位置固定后提及div位置?

时间:2014-06-06 08:47:04

标签: html css position

我已经#head position:fixed;

接下来,我已经#wrap position:fixed;

现在,我需要内容以便自动调整我不想提及margin-top或top。

HTML:

<div id="head">
  Some absolutely placed item
</div>
<div id="wrap">xxxXxX</div>
<div id="content">Third content</div>

CSS:

#head{
  position:fixed;
  left:100px;
  top:100px;
}

#wrap{ 
  position:fixed;
  width:10px;
  height:10px;
  background-color:#333;
  left:200px;
  top:200px;
}

#content{
  position:relative;
}

我需要一个一个对齐。我该如何解决?

2 个答案:

答案 0 :(得分:0)

如果您对content div中的对齐修正不满意,您应该使用bodybody specified id中的对齐值,例如

body {  
margin:20px 0;  
}

#bodyID {  
margin:20px 0;  
}

此处<body id="bodyId">.....</body>

答案 1 :(得分:0)

也许您需要像这样更改html结构

<div id="head">
  Some absolutely placed item
</div>
<div id="wrap">xxxXxX
<div id="content">Third content</div>
</div>