欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

div结合css布局bbs首页(div+css布局入门)

程序员文章站 2022-06-11 13:45:39
我把论坛首页分为header区,信息区,内容区,页脚区。首先用一大div把这些包含进来,主要是考虑到页面整体调节方便,比如要调成宽屏的或者是窄屏的,只要设置一下这个大div...
我把论坛首页分为header区,信息区,内容区,页脚区。首先用一大div把这些包含进来,主要是考虑到页面整体调节方便,比如要调成宽屏的或者是窄屏的,只要设置一下这个大div就可以了。
先把代码贴出来,供朋友们调试使用。
css:
.
html:


图片不能上传,没办法了,不影响学习。
这是我设计的第一个布局,从中了解了,div是块状的,默认是占整行的,如果想设计成两列或多列,可以用float属性,它可以向左(float:left)浮动,这时,如果下面的div大小可以放下的话,就会浮动到上面一行,这样就形成了两列的布局,
多列以此类推。理解了基本的,以后就可以向细的方向学习了。希望给像我一样的初学美工的朋友点帮助,做开发的了解美工也很重要,艺多不压身嘛。
相关标签: div+css 布局