CSS是前端開發(fā)中必不可少的技術(shù)之一。其中，設(shè)置兩個(gè)或多個(gè)div并列顯示也是常用的技巧。下面將介紹如何使用CSS來實(shí)現(xiàn)這個(gè)效果。

div {
display: inline-block;
/* 設(shè)置div為行內(nèi)塊元素，可以讓其并列顯示 */
width: 50%;
/* 設(shè)置div的寬度為50% */
box-sizing: border-box;
/* 這里用到盒模型，將盒模型設(shè)置為border-box，可以減少盒子大小的繁瑣計(jì)算 */
padding: 20px;
/* 設(shè)置div的內(nèi)邊距為20px，用于調(diào)整div內(nèi)部元素的位置 */
}

上面這段代碼中，使用了display屬性將所有的div設(shè)置為行內(nèi)塊元素。這樣，多個(gè)div就可以并列顯示了。同時(shí)，也設(shè)置了div的寬度為50%，同時(shí)用盒模型計(jì)算邊框和內(nèi)邊距，不會(huì)對盒子大小造成影響。最后用padding屬性調(diào)整內(nèi)部元素的位置。

需要注意的是，div并列顯示時(shí)也需要注意父元素的寬度，以免出現(xiàn)樣式錯(cuò)亂。可以為父元素設(shè)置一個(gè)固定的寬度，或者將其寬度設(shè)置為100%。

CSS設(shè)置div并列顯示，主要使用行內(nèi)塊元素來實(shí)現(xiàn)，再用其他樣式屬性進(jìn)行調(diào)整。