今天小编给一个网友回答了一个问题顺便把解决的方法告诉大家,是一个如果让div自適应css屏幕自适应增加滚动条的方法
-
打开dw,新建一个html页面进入html页面编辑。
-
这是新建好以后的html代码在代码的body中间编写一个div层。
-
将这个新建好的html页面跟编写好的div利用快捷键“ctrl+s”另保存到我们知道的目录下随便命名,这里小编命名为“ceshi.html”然后保存这个页面
-
我们点击dw的文件按钮,在弹出的下拉框中我们选择“新建”。
-
在新建的窗口中我们找到“css”这一栏,点击“css”新建一个css样式
-
刚刚写好的代码中,class=“pingmu”所以我们写样式用".pingmu{}"开始写,给它固定宽高再添加背景色,让div自适应宽高超过部分显示滚动条。
-
将这个css样式保存到同级目录下如ceshi.html茬c盘,css样式也保存在c盘
-
保存以后,我们引入这个css样式使用外部链接,把刚才写好的css样式引入
-
保存好样式后,双击这个ceshi.html页面用浏览器打开后看到100像素宽高的黑块。
测试超过div有滚动条
-
我们编写另一个超过原来div大小的divclass命名为content。
-
为其编写的样式是宽高是150像素的这样这个content嘚div就超过了原来的div,再添加上背景色
-
保存样式跟页面后,双击ceshi.html页面可以看到右边跟底部都多了滚动条,超过的部分可以利用滚动条拖動
-
记得保存后才打开,不然样式跟页面不生效
-
百度经验id:海南的男孩子
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等領域)建议您详细咨询相关领域专业人士。