Question

我有这个HTML代码：

    <div class="col-2">
            <div class="leftcol ">
                <h3>When you see a puzzle</h3>
                <div class="image">
                    <img alt="img" src="images/sreak1.jpg" width=75% height=75%>
                        <h3>It scares me </h3>
                </div>
                <div class="image">
                    <img alt="img" src="images/panda1.jpg" width=75% height=75%>
                    <h3>I have to sove it</h3>
                </div>  
                <div class="image">
                    <img alt="img" src="images/sreak2.jpg" width=75% height=75%>
                    <h3>I consult with my friends</h3>
                </div>   
            </div>
        </div>

当我将背景定义为“leftcol”时，在“col-2”中存在背景不覆盖（由于某种原因“col-2”大于“leftcol”，并且在“leftcol”之下仍然存在有一个地方是“col-2”，但不是“leftcol”）。我怎么解决呢？添加我的css代码：

*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing:border-box;
box-sizing: border-box;


}
.leftcol{
background-color:rgb(260,60,30);
}
.col-2{
width:16.66%;
}

Answer 1

我认为它会有一些保证金或填充试试这个。

.col-2{
  padding:0;
}
.leftcol{
      margin:0;
      height:100%;
      width:100%
 }

Answer 2

您应该在顶部的css文件中使用此代码。

*{
   padding:0px;
   margin:0px;
 }

每个浏览器都有不同的默认填充和边距。因此，使用它将重置所有浏览器默认值，并希望一切都能正常工作。

Answer 3

我需要做的是定义

 <div class="col-2 leftcol ">...
</div>

而不是在2个不同的div中进行。

谢谢：）

div b中的div a，div的背景颜色不会影响所有div b

3 个答案: