Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在固定的div中定位元素?_Html_Css_Position - Fatal编程技术网

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

Html 如何在固定的div中定位元素?,html,css,position,Html,Css,Position,我有div需要修复。现在我想在div中创建两个子div。可能吗 我想得到的是: div { position: fixed; } --------------------- - sub-div1 { position: ??? } - sub-div2 { position: ??? } --------------------- 我尝试了另一个职位,但还没有得到。 UPD:已解决。根据您的内部定位要求,无论是相对的还是绝对的,都“考虑”父位置/偏移量..-> 您完全可以将div嵌套在div中

我有
div
需要修复。现在我想在
div
中创建两个子
div
。可能吗

我想得到的是:

div { position: fixed; }
---------------------
- sub-div1 { position: ??? }
- sub-div2 { position: ??? }
---------------------
我尝试了另一个职位,但还没有得到。
UPD:已解决。

根据您的内部定位要求,无论是相对的还是绝对的,都“考虑”父位置/偏移量..->

您完全可以将div嵌套在div中

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

有绝对、相对和固定三种不同的类型。如果将某个对象定位为固定对象,则其位置相对于浏览器窗口。你在该div中放置的任何其他内容都将位于其中,除非它是用绝对值或我相信的东西定位的,但这将只是视觉上的,从技术上讲,它仍然位于页面结构中。但这里有一个例子,你可以保存和尝试,这绝对不是一个风格的例子

<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>

#第一组{
左:100px;
顶部:150px;
位置:固定;
背景:红色;
垫底:10px;
}
Heellloooooooo




伍尔德 哈哈哈哈
结构是什么?如果它解决了您的问题,请随意接受此答案:)