DIV+CSS网页另类上下布局的实例代码
2023-06-13 09:14:02 时间
先说说在尝试的过程发现的几个问题
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是没有的(这个偶就不知道了)。
基本上也就这样,代码如下:
上面的
下面的
相关文章
- FindWindowEX应用实例二则[通俗易懂]
- Python爬虫—-网页下载器和urllib2模块及对应的实例
- 通过HTML和CSS设计一个静态网页(练习实例,附完整代码)
- 词Redis: 探索键值存储新思维(redis实例名)
- Oracle数据库处理日期的实例(oracle 具体到日期)
- Redis获取当前连接数一个实例探究(Redis获取当前连接数)
- js鼠标、键盘事件实例代码
- Jquery工作常用实例使用AJAX使网页进行异步更新
- 用Php编写注册后Email激活验证的实例代码
- 网页整体变灰白色(兼容各浏览器)实例
- JS中图片缓冲loading技术的实例代码
- js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
- javascript判断是手机还是电脑访问网页的简单实例分享
- node.js正则表达式获取网页中所有链接的代码实例
- Android中ExpandableListView的用法实例
- js网页右下角提示框实例
- js实现网页标题栏闪烁提示效果实例分析
- python快速查找算法应用实例