css块级元素排列 |纯css3摩天轮特效代码

下面的CSS代码将会把div元素设为块级元素：

div {
display: block;
}

这可以让大家使用更多的布局方式。比如，可以使用float属性来实现多个块级元素的并排排列。大家可以使用clear属性来防止元素绕过其他元素。

下面的CSS代码示例可以将多个div元素并排排列，并确保在它们之下没有元素：

div {
width: 50%;
float: left;
margin-right: 2%;
}
.clear {
clear: both;
}

大家还可以使用display和position属性来使一个块级元素决定其他元素的位置。可以使用display: inline-block 来使一个块级元素成为内联元素的一部分。当然，还可以使用position: absolute来使一个元素定位到父容器的特定位置。

下面的CSS代码示例可以将一个div元素设置为inline-block，并使它的左边框与父容器左边界对齐：

div.inline-block {
display: inline-block;
position: relative;
left: -2px;
}

总之，CSS提供了各种选项，使大家能够以多种方式排列网页元素。掌握这些技术可以让大家创建出更加丰富和美观的网页。