常用网页布局(div+css)之一

乘着闲暇时间,自己弄了个web,主界面是用div+css布局,用ajax+javascript进行界面控制及获取数据!
我就说说其中的div+css布局。
整个页面分为三大块,可以称之为:页眉(站标+横幅),主体(左边菜单+右边内容),页脚(显示版权及备案等信息)。三大块我用position:relative;相对定位来设置,这样有个好处,就是当某一块内容太多要阔涨时,其它部分也会相应的调整位置。
每一块内部采用float为left或right布局;在主体中,我左边为

常用网页布局(div+css)之一

#divLeft

常用网页布局(div+css)之一

常用网页布局(div+css)之一

{

常用网页布局(div+css)之一

}
{

常用网页布局(div+css)之一

    width
:228px;

常用网页布局(div+css)之一

    height
:400px;

常用网页布局(div+css)之一

    left
:26px;

常用网页布局(div+css)之一

    float
:left;

常用网页布局(div+css)之一

    padding
:0;

常用网页布局(div+css)之一

    margin
:0;

常用网页布局(div+css)之一

    filter
:revealTrans(duration=2,transition=3)  progid:DXImageTransform.Microsoft.Gradient(startColorStr=#adde21, endColorStr=#d8e7c2, gradientType=0);

常用网页布局(div+css)之一


常用网页布局(div+css)之一

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjfjf.html