如何将div absolute定位到其父级？[副本]
我试图将div absolute定位到其父级。见表1。
我设置了左和顶属性，但是div仍然定位为根元素，而不是其父元素仪表板。
请问，我这里缺什么？
#nav {
width: 200px;
min-height: 500px;
border: 2px solid gray;
display: inline-block;
}
#chart1 {
position: absolute;
top: 20px;
left: 100px;
width: 250px;
height: 450px;
border: 1px solid black;
}
#chart2 {
position: absolute;
top: 20px;
left: 450px;
width: 250px;
height: 450px;
border: 1px solid black;
}html lang-html prettyprint-override"><div id="nav"></div>
<div id="dashboard">
<div id="chart1">Chart 1</div>
<div id="chart2">Chart 2</div>
</div>
共有2个答案
position:relative是关键。
#nav {
width: 200px;
min-height: 500px;
border: 2px solid gray;
display: inline-block;
}
#dashboard {
position: relative;
}
#chart1 {
position: absolute;
top: 20px;
left: 100px;
width: 250px;
height: 450px;
border: 1px solid black;
}
#chart2 {
position: absolute;
top: 20px;
left: 450px;
width: 250px;
height: 450px;
border: 1px solid black;
}<div id="nav"></div>
<div id="dashboard">
<div id="chart1">Chart 1</div>
<div id="chart2">Chart 2</div>
</div>
您缺少位置：相对。父div应具有相对位置，子div应具有绝对位置
#nav {
width: 200px;
min-height: 500px;
border: 2px solid gray;
display: inline-block;
}
#dashboard {
position: relative;
}
#chart1 {
position: absolute;
top: 20px;
left: 100px;
width: 250px;
height: 450px;
border: 1px solid black;
}
#chart2 {
position: absolute;
top: 20px;
left: 450px;
width: 250px;
height: 450px;
border: 1px solid black;
}<div id="nav"></div>
<div id="dashboard">
<div id="chart1">Chart 1</div>
<div id="chart2">Chart 2</div>
</div>
-
我正在使用为嵌入式创建一个容器。 我想将其连接到其父级的的。我已在父级上定义了属性，并尝试将ctl-拖动到容器，但没有连接的选项。 弹出窗口不显示属性。 有什么想法吗？
-
我一直在寻找答案，阅读其他问题，但我没有找到确切的我想要的。我有一个包含在LinearLayout中的TextView，属性android:layout_height和android:layout_width设置为match_parent。 我希望TextView文本从LinearLayout的中间开始；我的意思是，将文本垂直放置在LinearLayout的中间，但在TextView中保留andr
-
在angular 1中，绑定的工作方式类似于ng-bind-html=“htmlvalue”
-
我目前已经在iReport中打开了一个。jasper和。jrxml文件来编辑报告。我实际上只是添加一个新字段来保存变量“email”。 我设置了字段和变量。然而，当我编译时，我得到了这些错误。
-
问题内容： 我不知道是否存在问题，但是我想知道为什么在父/子元素上不能使用。 这是一个例子： CSS和HTML： 问题答案： 因为固定位置元素是相对于视口而不是其他元素固定的。因此，由于视口没有切断，因此溢流变得无关紧要。 具有position：absolute的元素的位置和尺寸相对于其包含块，而具有position：fixed的元素的位置和尺寸始终相对于初始包含块。通常是视口：浏览器窗口或纸张的
-
滚动条显示位置都是在最右侧或最底部，怎样控制滚动条显示在某一个div里面或为一个位置？ 不是说滚动位置，滚动条的显示位置
-
问题内容： 我有两个组成部分： 第一个是父组件，它是通常的React组件。 第二个是孩子，它是功能组件。 我想将 Titles 的值（处于子状态）传递给父Component。这是我的 子组件 代码： 这是我的 父组件 ： 这看起来很容易，但这是我第一次使用功能组件。你能帮我吗 ？ 问题答案： React就是关于在组件树中向下流动的数据。如果您希望能够显示和/或修改彼此之间的共享状态，则应提升状态并
-
index.js Button.js 我的问题是“如何从Button.js到index.js获取标志值”？（儿童对父母）。