html - 为什么我的标题没有一直纵向显示？

Question

我不明白为什么我的 header 没有一直显示，我需要一些帮助

这是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);
}

这是代码笔:https://codepen.io/don0ts/pen/dKxmqY页面:www.peercd.com谷歌 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 .

只是好奇为什么不使用 bootstrap？