讓上下兩個
緊挨,是開發(fā)中非常常見的一個需求。css是一種非常強大的工具,它可以輕易地幫助我們實現這一需求。
.div-one {
margin-bottom: 0;
}
.div-two {
margin-top: 0;
}
上面的代碼,我們給第一個
設置了一個下邊距為0的屬性,給第二個
設置了一個上邊距為0的屬性。這樣做的話,兩個
就會很完美地緊挨著。
除此之外,我們還可以使用“負邊距”的技巧。具體來說,我們可以將第二個
的上邊距設置為負數,這樣的話,它就會跟第一個
緊挨在一起了。
.div-two {
margin-top: -10px;
}
上面的代碼中,我們給第二個
設置了一個上邊距為負值的屬性。這個負值的大小,要根據實際情況具體設置。如果值過小,可能會導致兩個
重疊。如果值過大,可能會導致兩個
之間出現一段空隙。