Question

我有一个简单的HTML / CSS代码，可以得到粉红色的条带和没有空格的黑色的小条带。这是我的CSS和HTML代码问题是我在两次潜水之间都留出了空间，我尝试了很多网络解决方案，但没有结果。

请帮忙吗？

.my_bande_rose    {  background-color: #E6007E; 
                     height: 124px; 
                     width:  100%; 
                     margin-top: 0;
                     margin-bottom: 0;
                     padding-top: 0;
                     padding-bottom: 0;                     
                  }
.bande_horizontale{  float: right;
                     width: 83.4%; 
                     height: 5px; 
                     background-color: #000000; 
                     margin-top: 0;
                     margin-bottom: 0;
                     padding-top: 0;
                     padding-bottom: 0;                     
                  } 
 .my_logo         {  height: 124px;
                     width:225px;
                     top: 0px;
                     float:left;
                  }
 .my_title        {  width:260px;
                     float:right;
                     margin:25px auto;
                     font-weight:bold;
                     padding:5px;
                  }

<html>
<head>
<script type="text/javascript" 
           src="../js/mathjax/MathJax.js?config=AM_HTMLorMML-full">
</script>
</head>
<body>
<div>
<div class="my_bande_rose">
<div class="my_title">
<h5 style="color:#ffffff;" >My tittle</h5>
</div><div class="my_logo">
<img src="https://www.pajemploi.urssaf.fr/pajewebdeclaratif/images/pajeweb/newletter/logo_forme.jpg" alt="Pajemploi, un service des urssaf"/>
</div><div class="bande_horizontale"></div>
</div> <br>
<h2 style="color:#E6007E;" >My tittle again</h2>
</div>
</body>

</html>

Answer 1

如果您引用黑色div左侧的空间，则需要更改以下.bande_horizontale属性：

float: left;
width: 100%;

如何在HTML / CSS中删除两个div之间的空格？

1 个答案: