如何摆脱空白
[英]How to get rid of the white space
问题描述
我目前正在制作一个测试站点，但不断在屏幕的顶部和右侧出现白色边框： Example 。 我试过使用： position: fixed ，但没有用。 这是我的代码：
.Main-Header { font-size: 60px; font-family: Garamond, Serif; color: #818181; background-color: #111; margin: 0px 0px 0px 120px; padding-left: 20px; padding-top: 0px; border-top: 0px; }.sidenav { height: 100%; width: 130px; position: fixed; top: 0px; left: 0px; background-color: #111; padding-top: 25px; }.sidenav a { padding: 6px 8px 6px 16px; text-decoration: none; font-size: 28px; color: #818181; display: block; }.sidenav a:hover { color: #f1f1f1; }.main { margin-left: 130px; padding: 0px 10px; } @media screen and (max-height: 450px) {.sidenav { padding-top: 15px; }.sidenav a { font-size: 18px; } }.pic1 { padding-left: 30px; padding-bottom: 15px; }
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <title>Test 1</title> <link rel="stylesheet" href="test:css"> <link rel="stylesheet" href="https.//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <h1 class="Main-Header"><em>Test Site</em></h1> <div class="sidenav"> <div class="pic1"><a class="active" href="test.html"><i class="fa fa-home"></i></a></div> <a href="index.html">About</a> <a href="#">Services</a> <a href="#">Clients</a> <a href="#">Contact</a> </div> <div class="main"> <br> <p><a href="index.html">index</a></p> </div> </body> </html>
2 个解决方案
解决方案1
4 2022-01-12 16:07:53
解决方案2
0 2022-01-12 16:10:46
添加基本 CSS 重置 通过添加 -
* {
margin: 0px;
padding: 0px;
}
默认情况下 CSS 通过添加上述 CSS 添加 16px 的边距和填充，它将删除 16px 的边距和填充
如何消除图像下方和下一个文本之前的空白
[英]How to get rid of white space underneath of an image and before the next text
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.