div下面的空间未知？
[英]Unknown space below the div?
问题描述
我似乎在div对下遇到未知空间。 我使用了Bootstrap网格概念，并利用行和列来创建2个相邻的Div。 然后，我使用CSS来使div填充屏幕的整个空间，但似乎无法解释divs以下的空白。
我已经尝试过包括高级CSS重置。
这是html：
#half_box_1 { width: 50%; height: 100vh; background-color: #FFAEAB; } #half_box_2 { width: 50%; height: 100vh; background-color: #FFC0FA; } #following_div { height: 500px; width: 100%; background-color: red; }
<!DOCTYPE html> <html> <head> <title>Kshitij Dhyani</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" href="materialize.css"> <link rel="stylesheet" type="text/css" href="my_portfolio.css"> <!-- FONTS --> </head> <body> <div class="row"> <div class="col-lg-6" id="half_box_1">asd</div> <div class="col-lg-6" id="half_box_2"></div> </div> <div id="following_div"></div> </body> </html>
我无法理解这个未知的空间。
2 个解决方案
解决方案1
0 2019-08-11 12:50:42
由于您可能已经注意到（通过注释），因此您的代码似乎正常工作。
您的问题似乎在CSS中的其他地方。
首先，尝试使用以下CSS来查看其是否有效：
* {
padding: 0 !important;
margin: 0 !important;
}
如果可行，则可以将其删除，然后需要开始调试。
打开Chrome DevTools，然后转到“ 源” ->“ 页面”，然后找到您的CSS文件。 尝试一个接一个地删除每个CSS块。 如果两者之间没有更多空间，您可能会发现问题所在。
解决方案2
-1 2019-08-11 12:20:08
这是默认margin ，请在CSS中添加此代码body{margin: 0;padding: 0;}
div下面出现空白
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.