html让一个页面在最上端,html – 如何将3个div对齐到页面的顶部中间和底部？

您可以使用CSS表格,我添加了一个< div>每个街区.

html,

body {

height: 100%;

margin: 0;

}

.container {

background: gold;

width: 100%;

height: 100%;

display: table;

}

.container .row {

display: table-row;

}

.container .cell {

display: table-cell;

}

.logo .cell {

vertical-align: top;

}

.nav .cell {

vertical-align: middle;

}

.base .cell {

vertical-align: bottom;

}

My Logo

My Nav

Base

您也可以使用flexbox布局.

body {

margin: 0;

}

.container {

background: gold;

height: 100vh;

display: flex;

flex-direction: column;

justify-content: space-between;

}

Logo

Nav

Base