在CSS中,您可以通過(guò)使用浮動(dòng)(float)或Flexbox(彈性盒子)來(lái)使兩個(gè)div元素并列。
1、使用浮動(dòng)(float):
<div style="float: left; width: 50%;">內(nèi)容1</div> <div style="float: right; width: 50%;">內(nèi)容2</div>
在這個(gè)例子中,兩個(gè)div元素被設(shè)置為浮動(dòng),并且寬度都設(shè)置為50%,這意味著它們將并列顯示,各占屏幕寬度的一半。
2、使用Flexbox(彈性盒子):
<div style="display: flex; justify-content: space-between;"> <div>內(nèi)容1</div> <div>內(nèi)容2</div> </div>
在這個(gè)例子中,父div元素被設(shè)置為彈性盒子,并且使用justify-content: space-between
來(lái)使兩個(gè)子div元素在水平方向上平均分配空間。
在使用浮動(dòng)時(shí),可能需要清除浮動(dòng)以防止對(duì)其他元素的影響,而在使用Flexbox時(shí),您可以更靈活地控制元素的布局和對(duì)齊方式,選擇哪種方法取決于您的具體需求和布局要求。