文章詳情頁
css - 多個div顯示橫向滾動條
瀏覽:210日期:2023-01-13 10:56:39
問題描述
類似這種條目多的話顯示橫向滾動條怎么實現(xiàn)
問題解答
回答1:這個...
來,看代碼; 隨時交流:
HTML:
<p><ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li></ul> </p>
CSS:
p{width: 996px;height: 120px;overflow-x:auto;overflow-y:hidden; } ul{width: 1990px; } li{width: 220px;height: 300px;margin: 10px;float: left;background: red; }回答2:
ul li 寫 然后li float, display block
回答3:同一樓,在外層再套個p,設(shè)置外層p的overflow-x: auto
標簽:
CSS
相關(guān)文章:
1. docker鏡像push報錯2. 關(guān)docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題4. javascript - 請指條明路,angular的$event,在select中卻是undefined?5. docker - 如何修改運行中容器的配置6. 前端 - @media query 使用出現(xiàn)的問題?7. 運行python程序時出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯誤?8. 利用IPMI遠程安裝centos報錯!9. phpstudy8.1沒集成mysql-front10. html - css氣泡,實現(xiàn)“倒三角(不知道算不算三角了)”可透明的。
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備