Question

在设计页面时，我遇到了一个包含一组div的div中的冲突（我猜）。当前的样子http://castellvmaqvae.nl/exposities/ img是它应该如何看待。 enter image description here

Answer 1

更改以下内容，主div中的div比它们应该更宽，在您的情况下，您希望它们与图像的宽度相同，这里是更新的CSS：

.col-md-4 third {
  width:25%; //You may want to play around with this on different screen sizes
}

OR FIXED WIDTH：

.col-md-4 third {
  width:200px; // Same width as the picture
}

Answer 2

只需进行此修改：

    `col-md-2` --> `col-md-1`

    `col-md-6` -->  `col-md-7 second` 

    `col-md-4 third` --> `col-md-3 third`

同样在现有内容中，将text-align: center;添加到col-md-3 third。

我希望这就是你想要的。

Answer 3

不知何故，包装器背景颜色没有效果，但为各个div和边框提供背景颜色似乎效果很好。代码：

.verwikkeld {width:316px;
height:auto;
background-color: #FFF;
border:#999 1px solid;
margin-left:20px;
margin-right:30px;
}
.verwacht{color:#666;
border-left:#000 1px solid;
border-right:#000 1px solid;
border-top:#000 1px solid;
width:220px;
background-color:#FFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
padding-top:10px;
padding-bottom:10px;
font-size:32px;
}
.verwacht_img{border-left:#000 1px solid;
border-right:#000 1px solid;
background-color:#FFF;
width:220px;
}
.verwacht_naam{color:#666;
border-left:#000 1px solid;
border-right:#000 1px solid;
background-color:#FFF;
width:220px;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-top:10px;
font-size:28px;
}
.verwacht_titel{color:#000;
border-left:#000 1px solid;
border-right:#000 1px solid;
background-color:#FFF;
width:220px;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-top:10px;
font-size:16px;
}
.verwacht_datum{color:#F90;
border-left:#000 1px solid;
border-right:#000 1px solid;
background-color:#FFF;
width:220px;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-top:10px;
font-size:12px;
}
.verwacht_text{color:#000;
border-left:#000 1px solid;
border-right:#000 1px solid;;
border-bottom:#000 1px solid;
background-color:#FFF;
width:220px;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-top:10px;
padding-bottom:20px;
font-size:12px;
}

谢谢你们的时间。

CSS背景和边界冲突

3 个答案: