css 层跟随css屏幕自适应滚动一定距离?

该经验图片、文字中可能存在外站链接或电话号码等请注意识别,谨防上当受骗!

今天小编给一个网友回答了一个问题顺便把解决的方法告诉大家,是一个如果让div自適应css屏幕自适应增加滚动条的方法

  1. 打开dw,新建一个html页面进入html页面编辑。

  2. 这是新建好以后的html代码在代码的body中间编写一个div层。

  3. 将这个新建好的html页面跟编写好的div利用快捷键“ctrl+s”另保存到我们知道的目录下随便命名,这里小编命名为“ceshi.html”然后保存这个页面

  4. 我们点击dw的文件按钮,在弹出的下拉框中我们选择“新建”。

  5. 在新建的窗口中我们找到“css”这一栏,点击“css”新建一个css样式

  6. 刚刚写好的代码中,class=“pingmu”所以我们写样式用".pingmu{}"开始写,给它固定宽高再添加背景色,让div自适应宽高超过部分显示滚动条。

  7. 将这个css样式保存到同级目录下如ceshi.html茬c盘,css样式也保存在c盘

  8. 保存以后,我们引入这个css样式使用外部链接,把刚才写好的css样式引入

  9. 保存好样式后,双击这个ceshi.html页面用浏览器打开后看到100像素宽高的黑块。

测试超过div有滚动条

  1. 我们编写另一个超过原来div大小的divclass命名为content。

  2. 为其编写的样式是宽高是150像素的这样这个content嘚div就超过了原来的div,再添加上背景色

  3. 保存样式跟页面后,双击ceshi.html页面可以看到右边跟底部都多了滚动条,超过的部分可以利用滚动条拖動

  • 记得保存后才打开,不然样式跟页面不生效

  • 百度经验id:海南的男孩子

经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等領域)建议您详细咨询相关领域专业人士。

作者声明:本篇经验系本人依照真实经历原创未经许可,谢绝转载
  • 你不知道的iPad技巧


当css屏幕自适应大小变化的时候(onresize)触發test()函数该函数就是用户根据之前获得css屏幕自适应与边距的差值重新设置div的边距,这样就可以实现党css屏幕自适应的大小改变后div的边距也會相应地改变,从而实现div可以随着css屏幕自适应大小的改变而自适应 

我要回帖

更多关于 css屏幕自适应 的文章

 

随机推荐