如何在固定的div中定位元素?

时间:2015-01-19 04:56:39

标签: html css position

我已经div需要修复。现在我想在div内创建两个子div。可能吗?

我想要的是:

div { position: fixed; }
---------------------
- sub-div1 { position: ??? }
- sub-div2 { position: ??? }
---------------------

我尝试了另一个位置属性,但尚未获得。 UPD:已解决。

2 个答案:

答案 0 :(得分:0)

根据您的内部定位要求,relativeabsolute ,,,并考虑'父母的位置/偏移.. - > http://www.w3schools.com/Css/css_positioning.asp

答案 1 :(得分:0)

你绝对可以在div中嵌入div。

<div id="div1">
  <div id="div2">
  </div>
  <div id="div3">
  </div>
</div>

有3种不同的positioning绝对,相对和固定。如果将某些东西定位为固定的,则它相对于浏览器窗口定位。你在div中定位的任何其他东西都将位于其中,除非它以绝对或我认为的东西定位,但这只是视觉上的,技术上在页面结构中它仍然在里面。但这是一个你可以保存和尝试的例子,它绝不是btw风格的一个例子。

<html>
<head>
<style>
#div1{
left: 100px;
top:150px;
position:fixed;
background:red;
padding-bottom:10px;
}
</style>
<body>
<div id="div1">
heellloooooooooooooooo<br><br><br><br>
<div style="float:left;background:yellow;">
woooooooooorld
</div>
<div style="float:right;background:blue;">
hahahahahah
</div>
</div>
</body>
</html>