繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > DIV+CSS网页另类上下布局的实例代码
- CSS样式表
- CSS 关于网页图片的属性
- CODEPAGE 列表与asp应用例子
- html 的 ContentType 小结
- 不要使用CSS Expression的原因分析
- css ie6 ie7 ff的CSS hack使用技巧
- div+CSS网页布局的意义与副作用原因小结
- iframe自适应高度的多种方法方法小结
- css display:none使用注意事项小结
- html工作中表格<tbody>标签的使用技巧
- input为disabled提交后得不到该值的解决方法
- Css Reset(复位)方法整理
- css首字放大实例代码
- 让IE ff Opera同时支持Alpha透明的方法
- WEB标准网页布局中尽量不要使用的HTML标签
- css网页布局中注意的几个问题小结
- 指定网页的doctype解决CSS Hacking方法总结
- 左侧固定宽度，右侧自适应宽度的CSS布局
- DIV+CSS经常用到的属性、参数及说明
- 校内网css代码添加背景图片常用代码
- css 通配符用法总结
CSS样式表 中的 DIV+CSS网页另类上下布局的实例代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 114 ::
收藏到网摘: n/a
在论坛里看到一位朋友在问一个上下2个内容框的，宽度为100%的布局方式，然后自己也就尝试了一下，发现了几个问题的存在 先说说在尝试的过程发现的几个问题
1、盒模型问题
相信玩重构或者说是DIV+CSS的朋友应该都知道这个东西，废话不多说，不知道而有兴趣可以去网上搜索一下。这里我提到这个是因为这个布局是用百分比来控制的，所以当加对边框加上1px的边后，就不好减回来，我是舍弃了上边的边框样式。
2、溢出问题
这个问题只要对overflow做hidden就可以了，防止内容过长而溢出。刚刚开始的时候可以对html跟body的overflow加一个hidden属性。Blank 告诉我，IE默认是有滚动条的宽度（这个偶知道），而FF是没有的（这个偶就不知道了）。
基本上也就这样，代码如下：
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
评论 (0) All
