DIV+CSS网页另类上下布局的实例代码
2018-10-12 14:10
926 查看
先说说在尝试的过程发现的几个问题
1、盒模型问题
相信玩重构或者说是DIV+CSS的朋友应该都知道这个东西,废话不多说,不知道而有兴趣可以去网上搜索一下。这里我提到这个是因为这个布局是用百分比来控制的,所以当加对边框加上1px的边后,就不好减回来,我是舍弃了上边的边框样式。
2、溢出问题
这个问题只要对overflow做hidden就可以了,防止内容过长而溢出。刚刚开始的时候可以对html跟body的overflow加一个hidden属性。Blank 告诉我,IE默认是有滚动条的宽度(这个偶知道),而FF是没有的(这个偶就不知道了)。
基本上也就这样,代码如下:
1、盒模型问题
相信玩重构或者说是DIV+CSS的朋友应该都知道这个东西,废话不多说,不知道而有兴趣可以去网上搜索一下。这里我提到这个是因为这个布局是用百分比来控制的,所以当加对边框加上1px的边后,就不好减回来,我是舍弃了上边的边框样式。
2、溢出问题
这个问题只要对overflow做hidden就可以了,防止内容过长而溢出。刚刚开始的时候可以对html跟body的overflow加一个hidden属性。Blank 告诉我,IE默认是有滚动条的宽度(这个偶知道),而FF是没有的(这个偶就不知道了)。
基本上也就这样,代码如下:
上下层测试上面的
下面的
相关文章推荐
- DIV+CSS网页另类上下布局的实例代码
- DIV+CSS常用的Html网页布局代码
- DIV+CSS常用的网页布局代码
- 网页设计【DIV+CSS常用的网页布局代码】
- (div+css)上下固定中间自适应高度网页布局的实现(FF,IE)
- 43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程
- DIV+CSS 三栏布局实例代码
- 43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程
- 43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程
- DIV+CSS网页设计常用布局代码
- DIV+CSS网页布局实例
- (div+css)上下固定中间自适应高度网页布局的实现(FF,IE)
- 第十天 div+css网页标准布局实例教程
- (div+css)上下固定中间自适应高度网页布局的实现
- 43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程
- DIV+CSS常用的Html网页布局代码
- DIV+CSS高度自适应方法网页代码实例
- div+css网页标准布局实例教程
- div+css网页标准布局实例教程(一)
- 43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程