简体   繁体   English

HTML 空白

[英]HTML white space

i am new to css & html and i have this problem where when i make a website there is some white space on top even if padding = 0 take a look on my html我是 css 和 html 的新手,我有这个问题,当我创建一个网站时,即使 padding = 0 看看我的 html,顶部也会有一些空白

 header { margin: 0; padding: 0; background: #0e83cd; } nav ul { display: block; list-style: none; } nav ul li { display: inline; } nav ul li a { display: inline; }
 <body> <header> <nav> <ul> <li><a href="">Num1</a></li> <li><a href="">Num2</a></li> </ul> </nav> </header> </body>

EDIT dwreck08, Aziz Solved my problem by adding padding 0 and margin 0 to html , body THANKS编辑dwreck08,Aziz 通过向 html 中添加 padding 0 和 margin 0 解决了我的问题,body 谢谢

Apply:申请:

html, body { padding: 0; margin: 0;} html, body { padding: 0; margin: 0;} and nav ul {margin: 0;} html, body { padding: 0; margin: 0;}nav ul {margin: 0;}

JS Fiddle JS小提琴

这是由默认浏览器样式引起的,试试这个:

html, body {padding:0; margin:0;}

You must reset the browser native css : try to link this stylesheet.您必须重置浏览器本机css :尝试链接此样式表。

Link: https://rawgit.com/jasonkarns/css-reset/master/reset.css链接: https : //rawgit.com/jasonkarns/css-reset/master/reset.css

Fiddle: http://jsfiddle.net/tgr8kkn8/2/小提琴: http : //jsfiddle.net/tgr8kkn8/2/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM