在开发网页的时候，我们会遇到一些CSS块状元素移动不了的问题。这些元素
包括div、p、ul、ol等等。这种情况下，通常会出现以下几种情况：
1、元素没有设置定位
如果
一个元素没有设置定位，那么它是无法移动的。因为CSS的
默认定位方式是static，我们需要通过设置其它的定位方式才能使元素移动。
例如，我们希望
一个div元素可以在
页面中向右移动50px，我们可以这样设置CSS
代码：
pre {
white-space: pre-wrap;
font-size: 14px;
font-family: '微软雅黑';
background-color: #f6f8fa;
border-radius: 4px;
line-height: 1.5;
padding: 5px;
}
div {
position: relative;
left: 50px;
}
2、父元素没有设置定位
如果
一个元素的父元素没有设置定位，那么无论它怎么设置定位，都无法移动。因为
一个元素的定位是相对于其最近的绝对定位的祖先元素的。
例如，如果我们希望
一个p元素可以在
一个div元素内向右移动50px，我们必须先对这个div元素设置定位：
div {
position: relative;
}
p {
position: absolute;
left: 50px;
}
3、元素的定位方式不对
元素的定位方式
包括了absolute、fixed、relative、static、sticky。其中，只有absolute、fixed和relative是可以设置偏移量，使元素可以移动的。而static是无法移动的。
如果我们希望
一个ul元素可以在
页面中向下移动50px，我们可以这样设置CSS
代码：
ul {
position: relative;
top: 50px;
}
总之，我们遇到CSS块状元素移动不了的问题时，需要仔细
检查元素的定位方式、是否设置了定位，以及父元素是否设置了定位。这些因素都会影响元素的移动。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
