CSS怎么讓兩個(gè)盒子并排呢?
.box1 { width: 50%; float: left; } .box2 { width: 50%; float: right; }
以上是一種常用的方式,即通過float屬性讓兩個(gè)盒子左浮動和右浮動,使它們并排。
還有另一種方式是使用flexbox布局:
.container { display: flex; } .box1, .box2 { flex: 1; }
以上代碼在父元素上使用flexbox布局,然后給每個(gè)盒子設(shè)置flex-grow屬性,讓它們自動填充父元素的剩余空間,從而達(dá)到并排效果。
總的來說,CSS有多種方法可以實(shí)現(xiàn)兩個(gè)盒子并排的效果,具體使用哪種方式需要根據(jù)實(shí)際情況來選擇。