在CSS-3中处理div
在CSS-3中处理div
提问于 2022-01-29 17:22:57
我们如何移动网页上的div在任何位置，什么是准确的CSS属性，以克服或处理这个问题？我不能在一个网页上不同的位置设置多个div的位置？
回答 2
Stack Overflow用户
发布于 2022-01-29 17:50:36
您可以在父元素上使用position: relative;和position: absolute;，以及子元素上的top、right、bottom、left CSS属性。或者您可以在元素上使用position: fixed和top、right、bottom、left CSS属性。示例
<div style="position: relative;">
<div style="width: 100px;height: 100px;position: absolute;top: 0;right: 0;background: red;"></div>
<div>Sit adipisicing et deserunt laborum consectetur tempor proident eu duis ex ut id eu deserunt occaecat excepteur veniam ea laborum esse velit consectetur cillum et nulla non cillum magna aute esse velit dolor esse mollit dolor anim duis dolor.</div>
</div>
Stack Overflow用户
发布于 2022-01-29 18:04:13
详细阐述@ruleboy21 21的答案-让我们假设div A是您想要自由控制的元素。
现在，如果您想在另一个父元素中的任何地方控制div，那么在父元素上使用position: relative，在div上使用position: absolute，然后使用左、右、上和底部控制它。
如果您想要控制网页的视口内的div，所以它独立于其他div，而不管它在DOM层次结构中的位置，您可以使用position: fixed并通过左、右、上和下控制它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70907948
复制相关文章
相似问题
腾讯云开发者
