DIV+CSS网页另类上下布局的实例代码
更新时间：2008年10月10日 01:02:59 作者：
在论坛里看到一位朋友在问一个上下2个内容框的，宽度为100%的布局方式，然后自己也就尝试了一下，发现了几个问题的存在
先说说在尝试的过程发现的几个问题
1、盒模型问题
相信玩重构或者说是DIV+CSS的朋友应该都知道这个东西，废话不多说，不知道而有兴趣可以去网上搜索一下。这里我提到这个是因为这个布局是用百分比来控制的，所以当加对边框加上1px的边后，就不好减回来，我是舍弃了上边的边框样式。
2、溢出问题
这个问题只要对overflow做hidden就可以了，防止内容过长而溢出。刚刚开始的时候可以对html跟body的overflow加一个hidden属性。Blank 告诉我，IE默认是有滚动条的宽度（这个偶知道），而FF是没有的（这个偶就不知道了）。
基本上也就这样，代码如下：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
1、盒模型问题
相信玩重构或者说是DIV+CSS的朋友应该都知道这个东西，废话不多说，不知道而有兴趣可以去网上搜索一下。这里我提到这个是因为这个布局是用百分比来控制的，所以当加对边框加上1px的边后，就不好减回来，我是舍弃了上边的边框样式。
2、溢出问题
这个问题只要对overflow做hidden就可以了，防止内容过长而溢出。刚刚开始的时候可以对html跟body的overflow加一个hidden属性。Blank 告诉我，IE默认是有滚动条的宽度（这个偶知道），而FF是没有的（这个偶就不知道了）。
基本上也就这样，代码如下：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
常用的DIV+CSS的基本框架结构但不推荐都放一个div里...2007-09-09
有时候我们需要首字母大写，不必每次都编辑文章了，用css实现更方便2008-06-06
对设置样式时怎么区分input是按钮还是文本框问题的技术调查——把input里面的东西剔出来2008-09-09
网页中img图片使用css实现等比例自动缩放不变形（代码已测试）
这篇文章主要介绍了网页中img图片使用css实现等比例自动缩放不变形（已测试）的相关资料,需要的朋友可以参考下2023-03-03
我能够使用CSS和列表创造有子菜单的导航栏吗？ 有时候我们需要超过一级的导航栏 – 可是在CSS里面用样式化的列表能够创建多级导航栏吗？2008-05-05
css 之 background-position-x...2007-08-08
这篇文章主要介绍了《CSS3实战》笔记--渐变设计（一,需要的朋友可以参考下2016-05-05
编写好的CSS代码，有助提升页面的渲染速度。本质上，引擎需要解析的CSS规则越少，性能越好。MDN上将CSS选择符归类成四个主要类别，如下所示，性能依次降低2014-03-03
IE和FIREFOX下CSS的区别与解决方法...2007-03-03
研究了一下div+css的高度自适应问题...2007-08-08
最新评论