文章詳情頁
css3: dl中如何讓dr和dt視覺上顯示到同一行?
瀏覽：214日期：2023-07-23 13:07:28
問題描述
用dl來實(shí)現(xiàn)如圖京東二級導(dǎo)航,但是自己dr跟dd總排不到一行.做了個(gè)demo觀察了一下 ,發(fā)現(xiàn)dr跟dd的浮動(dòng)十分特殊,見圖(已將dd的margin設(shè)為0).普通p在同一方向float效果如兩個(gè)灰色方塊.而dr和dd有重疊部分而且是下邊框?qū)R.那么請問該該如何實(shí)現(xiàn)?
CSS如下
dl, dr, dd {display: block; } dl {overflow: hidden;width: 400px;background-color: #cc6666; } dr {width: 60px;float: left;background-color: #66cc66; } dd {margin: 0;padding: 0;float: left;width: 300px;background-color: rgba(0, 0, 0, .2); } .floatL {width: 100px;height: 100px;margin: 4px;float: left;background-color: #666; }
多謝1L指正.啊!!我的眼睛!!
問題解答
回答1：有dr標(biāo)簽?dl dt dd吧...把dt和dd設(shè)為inline-block不就行了.
標(biāo)簽：
CSS
相關(guān)文章：
1. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””2. docker - 各位電腦上有多少個(gè)容器啊？容器一多，自己都搞混了，咋辦呢？3. nignx - docker內(nèi)nginx 80端口被占用4. docker容器呢SSH為什么連不通呢？5. mac里的docker如何命令行開啟呢？6. 關(guān)于docker下的nginx壓力測試7. 如何解決Centos下Docker服務(wù)啟動(dòng)無響應(yīng)，且輸入docker命令無響應(yīng)？8. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣？這個(gè)是怎么回事？？？？9. docker start -a dockername 老是卡住，什么情況？10. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備