diff --git a/css/index.css b/css/index.css index 6c45ce7..7716b4c 100644 --- a/css/index.css +++ b/css/index.css @@ -53,9 +53,10 @@ z-index: 1; display: flex; flex-direction: column; - gap: 24px; - padding-top: 140px; /* 控制文案距离顶部的位置 */ - padding-bottom: 40px; + justify-content: space-between; /* 文案在上,banner-s 靠容器底部 */ + min-height: 420px; /* 与 .banner-bg 高度保持一致 */ + padding-top: 80px; /* 文案距离顶部的内边距 */ + padding-bottom: 0; } .banner-copy { @@ -81,6 +82,12 @@ pointer-events: auto; } +/* banner 区域内的 section-content 不需要额外的上下 padding,由 .banner-main 控制 */ +.banner .section-content { + padding-top: 0; + padding-bottom: 0; +} + .banner .banner-s { box-shadow: 0px 0px 16px rgba(52, 52, 52, 0.16); border-radius: 3px;