Html 跨div对齐对象

我在3

div

的底部有3个按钮，我想保持水平对齐。我遇到的问题是，当调整浏览器窗口的大小时，按钮上方的文本会向下推动按钮，并扰乱水平对齐。如何设置窗口大小时按钮保持水平对齐

/*节*/
.科{
明确：两者皆有；
填充：0px；
边际：0px；
背景颜色：浅蓝色；
}
/*列设置*/
上校{
显示：块；
浮动：左；
利润率：1%01%1.6%；
左侧填充：20px；
右边填充：20px；
背景颜色：黄色；
}
上校：第一个孩子{
左边距：0；
}
/*分组*/
.小组：之前，
.小组：之后{
内容：“；
显示：表格；
}
.小组：之后{
明确：两者皆有；
}
.组{
缩放：1；
/*对于IE 6/7*/
}
/*三格*/
.span_3_of_3{
宽度：100%；
}
.span_2_/u 3{
宽度：66.13%；
}
.span_1_/u 3{
宽度：32.26%；
}
/*将全宽调整到480像素以下*/
@仅介质屏幕和（最大宽度：480px）{
上校{
利润率：1%01%0%；
}
.span_3_/u 3，
.span_2_/u 3，
.span_1_/u 3{
宽度：100%；
}
}
/*文本样式*/
.mytext{
文本对齐：居中；
}

欢迎留言
使用以下按钮创建票证：

报告问题

如果您想为您在我们的产品中遇到的问题提交支持通知单，请使用下面的按钮。




增强请求

如果您想向我们发送对现有产品功能进行增强的请求，请使用下面的按钮。




功能请求

如果您希望向我们发送一个请求，请求添加到我们产品中的新功能，请使用下面的按钮。

您需要使用

框大小：边框框内部
.col


/*节*/
.科{
明确：两者皆有；
填充：0px；
边际：0px；
背景颜色：浅蓝色；
}
/*列设置*/
上校{
显示：块；
浮动：左；
利润率：1%01%1.6%；
左侧填充：20px；
右边填充：20px；
背景颜色：黄色；
框大小：边框框；
}
上校：第一个孩子{
左边距：0；
}
/*分组*/
.小组：之前，
.小组：之后{
内容：“；
显示：表格；
}
.小组：之后{
明确：两者皆有；
}
.组{
缩放：1；
/*对于IE 6/7*/
}
/*三格*/
.span_3_of_3{
宽度：100%；
}
.span_2_/u 3{
宽度：66.13%；
}
.span_1_/u 3{
宽度：32.26%；
}
/*将全宽调整到480像素以下*/
@仅介质屏幕和（最大宽度：480px）{
上校{
利润率：1%01%0%；
}
.span_3_/u 3，
.span_2_/u 3，
.span_1_/u 3{
宽度：100%；
}
}
/*文本样式*/
.mytext{
文本对齐：居中；
}
欢迎留言
使用以下按钮创建票证：

报告问题

如果您想为您在我们的产品中遇到的问题提交支持通知单，请使用下面的按钮。




增强请求

如果您想向我们发送对现有产品功能进行增强的请求，请使用下面的按钮。




功能请求

如果您希望向我们发送一个请求，请求添加到我们产品中的新功能，请使用下面的按钮。




您只需给div指定一个固定的高度并设置overflow-y:auto；
希望这能奏效，干杯

.mytext{
    height:300px;
    overflow-y:auto;
}

或者您也可以尝试提供最小高度或最大高度属性
使用
显示：flex到你的
部分
类，并使用
位置：绝对以使它们始终保持水平对齐


/*节*/
.科{
明确：两者皆有；
填充：0px；
边际：0px；
背景颜色：浅蓝色；
显示器：flex；
}
/*列设置*/
上校{
显示：块；
浮动：左；
利润率：1%01%1.6%；
背景颜色：黄色；
位置：相对位置；
填充：0 20px 25px 20px；
}
上校{
位置：绝对位置；
底部：10px；
左：0；
右：0；
保证金：0自动；
}
上校：第一个孩子{
左边距：0；
}
/*分组*/
.小组：之前，
.小组：之后{
内容：“；
显示：表格；
}
.小组：之后{
明确：两者皆有；
}
.组{
缩放：1；
/*对于IE 6/7*/
}
/*三格*/
.span_3_of_3{
宽度：100%；
}
.span_2_/u 3{
宽度：66.13%；
}
.span_1_/u 3{
宽度：32.26%；
}
/*将全宽调整到480像素以下*/
@仅介质屏幕和（最大宽度：480px）{
.科{
显示：块；
}
上校{
利润率：1%01%0%；
框大小：边框框；
}
.span_3_/u 3，
.span_2_/u 3，
.span_1_/u 3{
宽度：100%；
}
}
/*文本样式*/
.mytext{
文本对齐：居中；
}
欢迎留言
使用以下按钮创建票证：

报告问题

如果您想为您在我们的产品中遇到的问题提交支持通知单，请使用下面的按钮。