背景和边框中的 CSS 冲突

Question

在设计页面时，我在包含一组div的div中遇到了冲突（我猜）。它目前的外观 http://castellvmaqvae.nl/exposities/IMG是它应该的样子。在此处输入图像描述

Answer 1

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

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

或固定宽度：

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

Answer 2

不知何故，包装器的背景颜色没有效果，但为各个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;
}

谢谢你们的时间。

Answer 3

只需执行此操作修改：

    `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 .

我希望这就是你想要的。