关于HTML下overflow-y:auto无效、清除HTML默认边距、解决去除手机访问网页时的左右多余空白的三个方法汇总
生活随笔
收集整理的這篇文章主要介紹了
关于HTML下overflow-y:auto无效、清除HTML默认边距、解决去除手机访问网页时的左右多余空白的三个方法汇总
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在html中,如果想讓某個子DIV出現overflow-y:auto的滾動條,首先需要在css中添加:html body{overflow:hidden}
然后,overflow:auto對于div是有效的(必須給這個div一個指定的高度),但對于table是無效的。如果想要讓一個table進行滾動,就必須將這個table鑲嵌在一個div里面,并且給這個div指定一個高度就可以了。
另外,網頁默認會有一定的邊距,如果想要清除網頁的默認邊距,就寫:
* { ????margin: 0; ????outline: 0 none; ????padding: 0; }
這樣就可以了。
如果用手機打開網頁,為了使網頁在手機上不出現左右移動出空白部分的問題。可以在網頁的<html>標簽下方加上這樣一句:
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=NO" />
然后就可以了。
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀
總結
以上是生活随笔為你收集整理的关于HTML下overflow-y:auto无效、清除HTML默认边距、解决去除手机访问网页时的左右多余空白的三个方法汇总的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: addActionListener(th
- 下一篇: java中的dispose()方法