- ·上一篇文章:If you love css …
- ·下一篇文章:布局篇(1)—If you love css … (1)
当前位置:网络笔记-营销软件破解基地 → 网络资讯 → 网页设计
日期:2009-07-02 17:23:44 来源:本站整理
布局篇(2)—If you love css … (1)
Andy
如何用%实现自适应的布局方法:
满足以下条件:
1.满屏显示,及Header,(Content+Sidebar),Footer的宽度均自动适应屏幕宽度,并占满整个屏幕宽度;
2.Content占70%屏幕宽,Sidebar占30%,高度均为400px;
3.Header和Footer的高度均为为80px;
4. 实现如下效果效果(点击看大图):
如何用%实现自适应的布局方法:
满足以下条件:
1.满屏显示,及Header,(Content+Sidebar),Footer的宽度均自动适应屏幕宽度,并占满整个屏幕宽度;
2.Content占70%屏幕宽,Sidebar占30%,高度均为400px;
3.Header和Footer的高度均为为80px;
4. 实现如下效果效果(点击看大图):

上一页 [1] [2]
Tags:
作者:佚名评论内容只代表网友观点,与本站立场无关!
评论摘要(共 0 条,得分 0 分,平均 0 分)
查看完整评论
Copyright 网络笔记 © 2009-2010 www.WLBIJI.cn . All Rights Reserved.
我们还在努力 页面执行时间:1,812.50000 毫秒
粤ICP备09052723号
我们还在努力 页面执行时间:1,812.50000 毫秒
用我们的软件产品将使您的推广更轻松,同时使您的推广成本降到最低! 站长QQ: 274191541
