手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >DIV+CSS网页另类上下布局的实例代码
DIV+CSS网页另类上下布局的实例代码
摘要:先说说在尝试的过程发现的几个问题1、盒模型问题相信玩重构或者说是DIV+CSS的朋友应该都知道这个东西,废话不多说,不知道而有兴趣可以去网上...

先说说在尝试的过程发现的几个问题

1、盒模型问题

相信玩重构或者说是DIV+CSS的朋友应该都知道这个东西,废话不多说,不知道而有兴趣可以去网上搜索一下。这里我提到这个是因为这个布局是用百分比来控制的,所以当加对边框加上1px的边后,就不好减回来,我是舍弃了上边的边框样式。

2、溢出问题

这个问题只要对overflow做hidden就可以了,防止内容过长而溢出。刚刚开始的时候可以对html跟body的overflow加一个hidden属性。Blank 告诉我,IE默认是有滚动条的宽度(这个偶知道),而FF是没有的(这个偶就不知道了)。

基本上也就这样,代码如下:

上下层测试 上面的

下面的

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

【DIV+CSS网页另类上下布局的实例代码】相关文章:

用css实现十字的布局示例代码

网页头部css代码优化实例

CSS网页布局中默认字体样式

CSS制作网页布局实例:隐藏input文字

HTML DIV+CSS制作通栏实例

DIV点击折叠实例代码

让网站变灰的css代码

DIV+CSS:网页一行两列背景自适应

CSS分页符代码

CSS table 单行布局示例代码

精品推荐
分类导航