关于CSS盒子移动问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于CSS盒子移动问题相关的知识,希望对你有一定的参考价值。

我在操控粉色的DIV盒子定位时 动的不是粉色的盒子 而是整个黑色的盒子 一起移动了 求帮忙 怎么弄才能只操作粉色的盒子 我想把它放在黄色盒子的底部

参考技术A 你没写position肯定不行
黄色盒子css样式中加position:relative;
粉色盒子中css加position:absolute;bottom:0
参考技术B 看不清你的代码追问

追答

.div-tweo-yellow
width: 100px;
height: 120px;
background: yellow;
margin: 0 0 0 100px;
position: relative;

.div-three-pink
width: 100px;
height: 20px;
background: pink;
position: absolute;
bottom:0;

用定位,尽量不用margin-top,可能会对父级有影响

本回答被提问者采纳

以上是关于关于CSS盒子移动问题的主要内容,如果未能解决你的问题,请参考以下文章

css,关于盒子模型

css怎么让盒子固定

关于H5 video标签铺满盒子的问题

CSS的盒子模型,怎么才能让盒子不会随着浏览器窗口的变化而移动或者改变大小

关于css盒子边框、内边距、外边距

CSS基础知识五定位