"浮动“;父DIV底部的DIV不起作用.(使用Pos:rel、Bottom 0等)
"float" a DIV to bottom of parent DIV not working. (Using Pos: rel, Bottom 0 etc)
试图让一个div"浮动"到它所在的div的底部。我已经在父div和子div上将位置设置为relative,在子div上将底部设置为0;但它仍然只是位于顶部在中间。
父DIV:
.detailsContainer
{
width: 100%;
height: 30%;
overflow: hidden;
position: relative;
background-color: blue;
}
儿童DIV
.obutton
{
text-align: center;
font-weight: bold;
width: 80%;
height: 29px;
background:rgba(204,204,204,0);
position:relative;
bottom: 0;
display: inline-block;
color: #666;
}
当前实际设置:
<div class="detailsContainer">
<a href="javascript:unhide(''BookDetails'.$row->BookID.''');">
<div class="detailview"><b>Book Details<br></a></div>
<div id="BookDetails'.$row->BookID.'" class="hidden">
<table>
<tr><td>Total Stock </td><td>'.$row->TotalStock.'</td>
<td>Current Stock</td><td>'.$row->CurrentStock.'</td></tr>
<tr><td>Awards </td><td>'.$row->Awards.'</td>
<td>Film</td><td>'.$row->Film.'</td></tr>
</table>
</div>
';?>
<br><center><a href = "javascript:void(0)"
onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
<div class= "obutton feature2">Reserve Book</div></a></center>
<div id="light2" class="white_content"></div>
<div id="fade" class="black_overlay"></div>
</div>
这有点太多了,但要确保没有任何干扰,你们可能会发现。它从php的底部跳出来,如果你认为问题可能在其他地方,我会发布整篇文章。
我试着对它进行jsfiddle处理,但php和变量太多了,当我删除它时,它只是2个普通的div,失去了它的唯一性,这个问题可能已经被删除了。
谢谢-Tom
.obutton位置需要是绝对的。。。让底层按照你想要的方式工作。
相关文章:
- 添加文字和评论功能更新Div
- 点击后隐藏潜水?(但如果Div是一面旗帜呢?)
- 使用JavaScript动态插入DIV的成本有多高
- DIV并排,位置不正确
- Div根据<选择>菜单
- Href:当前DIV中的目标ID
- Onchange没有'不要显示或隐藏Div
- 绝对定位不适用于Javascript DIV
- 在Rails中更新Div,而不更改更新请求后的视图
- how to convert html <div> to pdf
- 如何在不影响其他元素的情况下扩展DIV
- 使用jQuery在页面上浮动DIV
- 如何通过点击机身上的任何位置来关闭弹出的DIV
- LINK rel=子资源用于什么
- 单击按钮时Div Increment
- 只从DIV删除图像,而不是整个网站
- 禁用Tab键以进行具有特定Div ID的输入
- 根据CHECKBOX输入值动态更新DIV信息
- "浮动“;父DIV底部的DIV不起作用.(使用Pos:rel、Bottom 0等)
- 定位 AJAX 会通过使用“rel”属性生成正确的 DIV