CSS中有許多方法可以控制兩個(gè)div之間的距離。下面我們來介紹一些常用的方法:
//方法一:使用margin屬性 div{ margin: 10px; //設(shè)置div的四個(gè)方向margin為10px } //方法二:使用padding屬性 div{ padding: 10px; //設(shè)置div的四個(gè)方向padding為10px } //方法三:使用float屬性 div{ float: left; //設(shè)置div向左浮動(dòng) margin-right: 10px; //設(shè)置div右邊距為10px } //方法四:使用clear屬性 .clearfix::after{ //創(chuàng)建一個(gè)偽元素 content: ''; //內(nèi)容為空 display: block; //元素為塊狀元素 clear: both; //清除左右浮動(dòng) }//添加clearfix類//第一個(gè)div//第二個(gè)div
通過以上這些方法,我們可以輕松地控制div之間的距離,達(dá)到我們想要的效果。