Tag: 绝对

CSS z-index不工作（绝对位置）: 我试图让第二个黄色（绝对）以上的黑色div（相对）。黑div的父母也有一个绝对的位置。码： <div class="absolute"> <div id="relative"></div> </div> <div class="absolute" style="top: 54px"></div> <style> #relative { position: relative; width: 40px; height: 100px; background: #000; z-index: 1; margin-top: 30px; } .absolute { position: absolute; top: 0; left: 0; width: 200px; height: 50px; background: yellow; z-index: 0; } </style> jsFiddle： http : //jsfiddle.net/P7c9q/

如何在绝对定位的父div中垂直居中div: 我正在尝试在粉红色的容器中获得蓝色容器，但似乎是vertical-align: middle; 在这种情况下不做这项工作。 <div style="display: block; position: absolute; left: 50px; top: 50px;"> <div style="text-align: left; position: absolute;height: 56px;vertical-align: middle;background-color: pink;"> <div style="background-color: lightblue;">test</div> </div> </div> 结果：期望：请build议我怎么做到这一点。的jsfiddle

位置：绝对和父母身高？: 我有一些容器，他们的孩子只有绝对/相对定位。如何设置容器高度，以便他们的孩子将在里面？代码如下： HTML <section id="foo"> <header>Foo</header> <article> <div class="one"></div> <div class="two"></div> </article> </section> <div style="clear:both">Clear won't do.</div> <!– I want to have a gap between sections here –> <section id="bar"> <header>bar</header> <article> <div class="one"></div><div></div> <div class="two"></div> </article> </section> CSS article { position: relative; } .one { position: absolute; top: 10px; left: 10px; background: red; […]

Bash：检索绝对path给定的相对: 是否有一个命令来检索给定相对path的绝对path？例如，我想$行包含每个文件的绝对path在目录./etc/ find ./ -type f | while read line; do echo $line done

如何使用CSS水平居中绝对div？: 我有一个div，并希望它是水平居中 – 虽然我给它的margin:0 auto; 它不是以…为中心的 .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

IE7相对/绝对定位错误，dynamic修改页面内容: 我想知道是否有人有一个想法如何解决在IE7中的以下问题： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>IE7 absolute positioning bug</title> <style type="text/css"> #panel { position: relative; border: solid 1px black; } #spacer { height: 100px; } #footer { position: absolute; bottom: 0px; } </style> <script type="text/javascript"> function toggle() { var spacer = document.getElementById("spacer"); var style = "block"; if (spacer.style.display […]