标签: absolute
如何将div中的绝对定位元素居中？
我需要在窗口的中心放置一个div(with position:absolute;)元素.但我这样做有问题,因为宽度未知.
我试过这个.但需要根据宽度的响应进行调整.
.center {
left: 50%;
bottom:5px;
}
有任何想法吗？
推荐指数
解决办法
查看次数
如何使用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;
}
推荐指数
解决办法
查看次数
Bash:检索给定相对的绝对路径
是否有命令在给定相对路径的情况下检索绝对路径？
例如,我希望$ line包含dir中每个文件的绝对路径 ./etc/
find ./ -type f | while read line; do
echo $line
done
推荐指数
解决办法
查看次数
如何在绝对定位的父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>
结果:
期望:
请建议我如何实现这一目标.
推荐指数
解决办法
查看次数
位置:绝对和父高？
我有一些容器,他们的孩子只是绝对/相对定位.如何设置容器高度,让他们的孩子在他们里面？
这是代码:
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;
width: 30px;
height: 30px;
}
.two {
position: absolute;
top: 10px;
right: 10px;
background: blue;
width: 30px;
height: 30px;
}
这是一个jsfiddle.我希望"条形"文本出现在4个方格之间,而不是它们之后.
任何简单的修复？
请注意,我不知道这些孩子的身高,我不能设置身高:容器的xxx.
推荐指数
解决办法
查看次数
React Native绝对定位水平中心
似乎position:absolute在使用中元素不能使用justifyContent或居中alignItems.有一种解决方法可以使用,marginLeft但即使使用尺寸来检测设备的高度和宽度,也不会为所有设备显示相同的解决方法.
bottom: {
position: 'absolute',
justifyContent: 'center',
alignItems: 'center',
top: height*0.93,
marginLeft: width*0.18,
},
bottomNav: {
flexDirection: 'row',
},
推荐指数
解决办法
查看次数
CSS z-index不起作用(绝对位置)
我试图使黑色div(相对)高于第二个黄色(绝对).黑人div的父母也有绝对的位置.
码:
#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;
}<div class="absolute">
<div id="relative"></div>
</div>
<div class="absolute" style="top: 54px"></div>预期结果:
推荐指数
解决办法
查看次数
在绝对div上设置高度100%
我正面临着覆盖100%高度div的问题.我可以使用固定的位置来解决封面,但这不是我想要的,因为你应该能够向下滚动'封面'>所以分辨率低于我的人可以看到整个内容.
代码示例:
HTML
<body>
<div>Overlay example text</div>
</body>
CSS
body {
float: left;
height: 3000px;
width: 100%;
}
body div {
position: absolute;
height: 100%;
width: 100%;
background-color: yellow;
}
问题: div的高度100%只包含100%的webbrowser/viewport,但我希望它覆盖整个身体.
提前致谢 :)
推荐指数
解决办法
查看次数
获取文件的绝对路径
如何在Unix上将相对路径转换为C中的绝对路径？这有一个方便的系统功能吗？
在Windows上有一个GetFullPathName功能可以完成这项工作,但我在Unix上找不到类似的东西......
推荐指数
解决办法
查看次数
"position:absolute"div有没有办法保留相对宽度？
假设我有两个div,一个在另一个里面,就像这样:
<html>
<body>
<div id="outer" style="width:50%">
<div id="inner" style="width:100%">
</div>
</div>
</body>
</html>
现在,内部div的宽度为屏幕尺寸的50%的100%,或屏幕尺寸的50%.如果我要将内部div更改为绝对位置,就像这样:
<html>
<body>
<div id="outer" style="width:50%">
<div id="inner" style="position:absolute;width:100%">
</div>
</div>
</body>
</html>
在这种情况下,内部div占据屏幕空间的100%,因为它的位置设置为绝对.
我的问题是:当它的位置设置为绝对值时,有没有办法保持内部div的相对宽度？
推荐指数
解决办法
查看次数
标签 统计
absolute ×10
css ×7
html ×6
position ×3
center ×2
css-position ×2
path ×2
bash ×1
c ×1
filesystems ×1
flexbox ×1
height ×1
react-native ×1
shell ×1
unix ×1