为什么我的标头不能一直沿肖像画穿插？

Question

我无法弄清楚为什么我的标头没有一路走来，我需要一些帮助

这是css中标头类的代码

.header {padding-top:25px;
 width:100%;
 height:100px;
 display:block;
 color: rgb(255, 255, 255);
 background-color: rgb(64, 128, 141);
 box-shadow: 0px 1px 0px 1px 
 rgb(199, 199, 199);
}

这是codepen：https://codepen.io/don0ts/pen/dKxmqY 页面：www.peercd.com Google Pagespeed测试，以便您可以从计算机上查看其在肖像上的外观：https://developers.google.com/speed/pagespeed/insights/?url=www.peercd.com&tab=mobile

Answer 1

您在CSS中将width设置为卡片，导致页面溢出。 只需将宽度设置为100％即可占用可用宽度，而不是流出。

此处更新了Codepen https://codepen.io/anon/pen/ajyMMJ。

很好奇为什么不使用引导程序？

Answer 2

将图像尺寸card1和card2设置为“ width = 100％”。 您正在强迫它们的宽度。