Html 问题：使用CSS将页面向上移动

我正在尝试将中间块标记向上移动一点，以便更靠近页面

<ul class="toplist">
<li class="header"><a href="/menu/kale-grain-bowls"><img src="https://i.imgur.com/T4ZAaK3.png" class ="kale-grain-bowls"></a></li>
<li class="header"><a href="/menu/kale-grain-bowls"><img src="https://i.imgur.com/T4ZAaK3.png" class ="salads"></a></li>
<li class="header"><a href="/menu/kale-grain-bowls"><img src="https://i.imgur.com/T4ZAaK3.png" class ="burgers-sandwiches"></a></li>
<li class="header"><a href="/menu/sides"><img src="https://i.imgur.com/T4ZAaK3.png" class ="sides"></a></li>
<li class="header"><a href="/menu/smoothies-shakes"><img src="https://i.imgur.com/T4ZAaK3.png" class ="smoothies-milkshakes"></a></li>
<li class="header"><a href="/menu/kids-real-meals"><img src="https://i.imgur.com/T4ZAaK3.png" class ="kids-real-meals"></a></li>
</ul>

---

节。当我在中间块中更改底部距离时，没有任何更改。有人能帮我把这个往上挪一点，靠近顶部菜单吗？我包括一个jsfiddle。我已经尝试了一段时间，但似乎无法让它发挥作用。我的对齐在jsfiddle中似乎也只是刚刚结束，所以如果您碰巧知道一个快速修复方法，我很乐意听到它，但这不是这里的问题。有人能帮我纠正我的垂直对齐吗？

只需添加

位置：相对

到您的

.midblock

---

像

bottom:20px

这样的定位只能应用于定位的元素。查看或上的位置。

只需添加

位置：相对

到您的

.midblock

---

像

bottom:20px

这样的定位只能应用于定位的元素。请参阅或上的位置。

问题在于UL标签从浏览器中添加了边距。您需要将normalize.css添加到您的站点或ul、ol、dl{margin:0；padding:0}

问题是ul标记从浏览器中添加了margin。您需要将normalize.css添加到站点或ul、ol、dl{margin:0；padding:0}

添加

margin:0 20px 0


img.kale-grain-bowls、img.salads、img.burgers-sandwiches、img.sides、，
img.奶昔-奶昔，img.儿童-正餐{
宽度：100%；
最大高度：100px；
}
.第页{
位置：相对位置；
身高：100%；
宽度：100%；
文本对齐：居中；
}
.video、.front-promo-1、，
.front-promo-2、.活动、，
.家庭基金会、.合伙人、，
.募捐者，.堂兄弟，.天才，
.伟大的，.远见{
利润率：2.5px；
浮动：左；
位置：相对位置；
}
.视频{
高度：300px；
背景图像：url（'https://i.imgur.com/n3z21Ms.png');
}
.front-promo-1{
身高：147.5px；
背景图像：url（'https://i.imgur.com/iag6xGh.png');
}
.front-promo-2{
身高：147.5px；
背景图像：url（'https://i.imgur.com/iag6xGh.png');
}
.bgood页脚{
宽度：100%；
保证金：0自动；
}
.clearfix:之后{
可见性：隐藏；
显示：块；
字号：0；
内容：“；
明确：两者皆有；
身高：0；
}
.clearfix{显示：内联块；}
/*开始反斜杠攻击\*/
*html.clearfix{height:1%；}
.clearfix{display:block；}
/*关闭注释反斜杠*/
img.footer-img{
最大宽度：50px；
}
img.mobile-app-img{
最大宽度：150px；
身高：100%；
}
img，跟我们说话，img{
最大宽度：150px；
身高：100%；
}
img.careers-img{
最大宽度：100px；
身高：100%；
}
img.press-img{
最大宽度：100px；
身高：100%；
}
img.ordering-loc-img{
最大宽度：240px；
身高：100%；
}
ul.clearfix{
列表样式：无；
保证金：2倍；
填充：2px2px；
宽度：100%；
浮动：左；
}
李福特{
浮动：左；
高度：45px；
}
李，左{
浮动：左；
}
李，中{
浮动：左；
最大宽度：10%；
}
李，对{
浮动：左；
}
顶级名单{
列表样式：无；
填充：0px；
利润率：0.20px0；
宽度：100%；
浮动：左；
}
李头{
浮动：左；
身高：100%；
宽度：16%；
利润率：0px 2.5px；
}
.中段{
最大宽度：100%；
底部：20px；
}/*移动电话：*/
[类别*=“列-”]{
宽度：100%；
}
@仅介质屏幕和（最小宽度：600px）{
/*对于平板电脑：*/
.col-m-1{宽度：8%；}
.col-m-2{宽度：16%；}
.col-m-2-5{宽度：21.55%；}
.col-m-3{宽度：28%；}
.col-m-4{宽度：32.5%；}
.col-m-5{宽度：40%；}
.col-m-6{宽度：48%；}
.col-m-7{宽度：56%；}
.col-m-8{宽度：65.7%；}
.col-m-9{宽度：72%；}
.col-m-10{宽度：80%；}
.col-m-11{宽度：88%；}
.col-m-12{宽度：96%；}
/*页脚数据：*/
}
@仅介质屏幕和（最小宽度：768px）{
/*对于移动桌面：*/
.col-1{宽度：8%；}
.col-2-5{宽度：21.55%；}
.col-2{宽度：16%；}
.col-3{宽度：28%；}
.col-4{宽度：32.5%；}
.col-5{宽度：40%；}
.col-6{宽度：48%；}
.col-7{宽度：56%；}
.col-8{宽度：65.7%；}
.col-9{宽度：72%；}
.col-10{宽度：80%；}
.col-11{宽度：88%；}
.col-12{宽度：96%；}
/*页脚数据：*/
}









视频












添加
边距：0 20px 0


img.kale-grain-bowls、img.salads、img.burgers-sandwiches、img.sides、，
img.奶昔-奶昔，img.儿童-正餐{
宽度：100%；
最大高度：100px；
}
.第页{
位置：相对位置；
身高：100%；
宽度：100%；
文本对齐：居中；
}
.video、.front-promo-1、，
.front-promo-2、.活动、，
.家庭基金会、.合伙人、，
.募捐者，.堂兄弟，.天才，
.伟大的，.远见{
利润率：2.5px；
浮动：左；
位置：相对位置；
}
.视频{
高度：300px；
背景图像：url（'https://i.imgur.com/n3z21Ms.png');
}
.front-promo-1{
身高：147.5px；
背景图像：url（'https://i.imgur.com/iag6xGh.png');
}
.front-promo-2{
身高：147.5px；
背景图像：url（'https://i.imgur.com/iag6xGh.png');
}
.bgood页脚{
宽度：100%；
保证金：0自动；
}
.clearfix:之后{
可见性：隐藏；
显示：块；
字号：0；
内容：“；
明确：两者皆有；
身高：0；
}
.clearfix{显示：内联块；}
/*开始反斜杠攻击\*/
*html.clearfix{height:1%；}
.clearfix{display:block；}
/*关闭注释反斜杠*/
img.footer-img{
max-w