> Why does this CSS margin-top style not work? 11个
我的网站顶部有一个空格,我想删除,不知道如何:
body { border: 0; @R_419_5095@: 0; margin: 0;}.header { wIDth: 900px; height: 100px; background-color: #5132FF; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0; border: 0; top: 0;}
<!DOCTYPE HTML><HTML lang="en"> <head> <Title>DevDoWeb.com</Title> <Meta charset="UTF-8"> <Meta name="vIEwport" content="=wIDth=1920,initial-scale=1.0,user-scalable=yes"> <link rel="stylesheet" type="text/CSS" href="styleSheet.CSS"> <link href="https://Fonts.GoogleAPIs.com/CSS?family=Lato" rel="stylesheet"> </head> <body> <div > <h3 >Test</h3> </div> </body></HTML>
开发工具告诉我,它不能是maring,@R_419_5095@或border ….我真的不知道该怎么做,任何帮助表示赞赏.
解决方法 在这种情况下,空白区域是由从浏览器样式表添加到h3的边距引起的.如果你通过给h3一个0的边距去除它,你就摆脱了空白区域.body { border: 0; @R_419_5095@: 0; margin: 0;}.header { wIDth: 900px; height: 100px; background-color: #5132FF; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0; border: 0; top: 0;}h3 { margin-top: 0;}
<!DOCTYPE HTML><HTML lang="en"><head> <Title>DevDoWeb.com</Title> <Meta charset="UTF-8"> <Meta name="vIEwport" content="=wIDth=1920,user-scalable=yes"> <link rel="stylesheet" type="text/CSS" href="styleSheet.CSS"> <link href="https://Fonts.GoogleAPIs.com/CSS?family=Lato" rel="stylesheet"></head><body> <div > <h3 >Test</h3> </div></body></HTML>总结
以上是内存溢出为你收集整理的html – 网站顶部的空白全部内容,希望文章能够帮你解决html – 网站顶部的空白所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)