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 […]

如何中心绝对定位元素在div?

我需要在窗口的中心放置一个div (与position:absolute; )元素。 但是我遇到问题,因为宽度是未知的 。 我试过这个。 但是它需要调整,因为宽度是响应。 .center { left: 50%; bottom:5px; } 有任何想法吗?