在开发网页的时候，我们会遇到一些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块状元素移动不了的问题时，需要仔细
检查元素的定位方式、是否设置了定位，以及父元素是否设置了定位。这些因素都会影响元素的移动。
