|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
你用什么用的熟练就用什么,讲究的是效率,客户永远不管你用什么,页面就要好看,功能就要好用,还有时间和成本的问题。
最多见有用的结构情势:上、中左、中右、底四个模块,宽度760px,全体页面居中。
布局代码,topleftrightfoot四个模块全体自力、互不嵌套。
<divid="top">head</div>
<divid="left">
<divid="left_module">left</div>
</div>
<divid="right">
<divid="right_module">right</div>
</div>
<divid="foot">foot</div>
顶部属于惯例界说。
#top{height:100px;background:#ccc;width:760px;margin:auto;text-align:center;}
办法A:外层left界说为760px宽并居中;内层left_module界说为实践的左边宽度280px,且相对定位,top值即是顶部界说的高度。
这类办法的优点是:leftright两个模块代码片段能够交换调剂显现优先级。
#left{width:760px;margin:auto;}
#left_module{width:280px;position:absolute;top:100px;padding:10px;}
办法B:外层left界说为760px宽并居中,绝对浮动于top;内层left_module界说为实践的左边宽度280px,且相对定位。
这类办法的优点是:顶部的高度能够自在延长。
#left{width:760px;margin:auto;position:relative;}
#left_module{width:280px;position:absolute;padding:10px;}
外层right界说为760px宽并居中,内层right_module界说为实践的右边宽度440px,利用margin语法居左。right_module界说的背景致是实践右边的背景致,界说的高度就是实践两头模块的高度;right的背景致就是实践左边的背景致。
#right{width:760px;margin:auto;background:#E8E8E8;}
#right_module{width:440px;background:#F0F0F0;height:360px;margin:000auto;padding:10px;}
底部也属于惯例界说。
#foot{height:100px;background:#ccc;width:760px;margin:auto;text-align:center;}
测试情况IE6.0和FF1.5,都是最俗的语法,十分复杂,有用无限,可做手艺参考。
</p>
对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。 |
|