> 文章列表 > 如何使用DIV CSS布局的示例

如何使用DIV CSS布局的示例

如何使用DIV CSS布局的示例

关于如何使用DIV CSS布局的示例这个很多人还不知道,今天小六来为大家解答以上的问题,现在让我们一起来看看吧!

1、举例(两列布局):                     练习使用HTML                                             DIV                            DIV                            DIV             css代码:css文件:#d1{    position: absolute;    width: 100px;    height: 100px;    background-color: red;}#d2{    position: absolute;    margin-left: 100px;    width: 500px;    height: 100px;    background-color: blue;}#d3{    position: absolute;    margin-top: 100px;    width: 600px;    height: 100px;    background-color: yellow;}效果:。

本文到此分享完毕,希望对大家有所帮助。