CSS中,我們可以使用margin-top
屬性來設(shè)置盒子離上部的距離。margin-top
的值可以是一個具體的像素值,也可以是一個相對值,如em
、rem
等。
如果我們想要讓盒子離上部遠(yuǎn)一些,可以設(shè)置一個較大的margin-top
值,如:
.box { margin-top: 50px; }
或者,我們也可以設(shè)置一個相對值,如:
.box { margin-top: 2em; }
這樣,盒子就會離上部遠(yuǎn)一些,注意,margin-top
的值不能是負(fù)數(shù),否則盒子會離上部更近。
CSS中還有其他屬性可以用來設(shè)置盒子的位置,如position
屬性,使用position
屬性需要謹(jǐn)慎,因?yàn)樗梢愿淖兒凶拥亩询B順序和位置關(guān)系。
使用margin-top
屬性是設(shè)置盒子離上部距離的***簡單和常用的方法。