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
伍尔德
哈哈哈哈
结构是什么?如果它解决了您的问题,请随意接受此答案:)