快活林资源网 Design By www.csstdc.com
这里记录一下如何使得HTML页面缩小之后,底部出现滚动条,使得可以通过滚动滚动条来浏览由于界面缩小而被掩盖的地方。
说一下这样做的好处。
首先,一般界面缩小之后不出现滚动条,用户就不能访问被隐藏的地方,必须使得界面变大才可以。
其次,有些界面由于相对或者绝对的布局,随着界面的变小,会出现右边的界面变到下面的现象,很可能会使得界面排布变得不美观,最省心的方法便是缩小后显示滚动条。
实现很简单,几行代码
body{ min-width: 1200px; overflow: scroll; /*max-width:100%;*/ }
知识点扩展:
html页面缩小后自动出现滚动条
导入这个style就行了,主要按需求设置一下body里面的属性。
<style> body{ margin:0px; width:100%; min-width:1500px; max-width:100%; height:100%; background-color:#F0F0F0; } #head{ background-color:#FFFF00; width:100%; height:100px; } #center{ background-color:#00FFFF; width:100%; min-height:100%; } #foot{ background-color:#FF00FF; width:100%; height:100px; } </style>
快活林资源网 Design By www.csstdc.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
快活林资源网 Design By www.csstdc.com
暂无评论...
更新日志
2024年05月08日
2024年05月08日
- 《庄园领主》:RE:从零开始的赛博领主生活
- [ABC]群星《模拟声音AnalogSound[6N纯银镀膜]》[正版原抓WAV+CUE]
- ABC唱片-《托尼班内特.我可爱的情人》6N纯银镀膜[WAV+CUE]
- ABC唱片-《帕尔曼.帕尔曼的声音》6N纯银镀膜[WAV+CUE]
- 真·跨作品比战力:《范马刃牙VS拳愿阿修罗》正式预告公开!
- 官方视频意外泄密?《星空》资料片或聚焦瓦鲁恩家族
- 恐怖片既视感!女子称坐张家界末班缆车差点被吓晕
- 老虎鱼《森海塞尔 HD 800耳机试音碟》2CD[DFF][1.4G]
- 降央卓玛《鸿雁BSCD》[WAV+CUE][457M]
- 群星《Burn in CD-煲机王》[WAV+CUE][430M]
- 原画壁纸及美图第213期,无水印可自取
- 原画壁纸及美图第214期,无水印可自取
- 原画壁纸及美图第215期,无水印可自取
- 张小雯.1994-生活就是…【友善的狗】【WAV+CUE】
- 羽泉.2009-朋友难当【华谊兄弟】【WAV+CUE】