div css布局教程

admin 29 0

以下是一个简单的div CSS布局教程:

1. 创建两个元素,分别命名为div1和div2。

2. 使用CSS来调节div1和div2的宽度,使其宽度刚好能占满整个body,可以通过修改div标签的display属性为inline-block,并将width改成50%来实现。

3. 在两个div中添加内容,一个简单的左右布局就完成了。

还可以使用margin属性来居中div元素,如果要让页面居左,则取消掉auto值即可,因为默认就是居左显示的,通过margin:auto可以轻易地使层自动居中。

以上是一个简单的div CSS布局教程,当然还有更多的布局方式和技术,建议查阅相关书籍或在线课程进行深入学习。