如何从Center - CSS定位元素的绝对位置
如何从Center - CSS定位元素的绝对位置
提问于 2010-12-17 01:36:18
对于客户端，我需要在包含广告的正文左侧放一个绝对div。到目前为止，我想出的唯一方法就是创建一个绝对的div。这里的问题是，在绝对定位的div中，有一个黑色的空间(这是正文的末尾)，我需要有这个“间隔空间”来拥抱页面。
考虑到这一点，最好的方法是将其放置在离页面中心一定数量的像素处。我想我可以通过下面的代码做到这一点：
position: absolute;
left:50%;
margin-right:500px;然而，这只是将div保持在页面的中心。可以从页面中心定位绝对div吗？
回答 6
Stack Overflow用户
回答已采纳
发布于 2010-12-17 01:41:10
如果你知道广告的宽度，你可以这样做：
position:absolute;
left:50%;
margin-left:-250px;
width:500px;请注意负边距-left，它是要定位的元素宽度的一半
Stack Overflow用户
发布于 2015-05-27 16:13:25
如果你想居中并保持宽度/高度的响应性，那么你可以使用视窗单位&带有良好的browser support
通过以视口单位设置元素的宽度、高度和边距，您可以将其居中，而无需使用任何其他技巧。
这里，这个矩形的高度为60vh，顶部和底部边距为20vh，加起来为100vh (60 + 2*20)，即使调整窗口大小，它也始终居中。
#rectangle{
width: 60vw;
height: 60vh;
margin: 20vh auto;
}阅读更多here
Stack Overflow用户
发布于 2010-12-17 01:40:21
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4463677
复制相关文章
相似问题