文章詳情頁
css3: dl中如何讓dr和dt視覺上顯示到同一行?
瀏覽：88日期：2023-07-23 13:07:28
問題描述
用dl來實現(xiàn)如圖京東二級導(dǎo)航,但是自己dr跟dd總排不到一行.做了個demo觀察了一下 ,發(fā)現(xiàn)dr跟dd的浮動十分特殊,見圖(已將dd的margin設(shè)為0).普通p在同一方向float效果如兩個灰色方塊.而dr和dd有重疊部分而且是下邊框?qū)R.那么請問該該如何實現(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. apache - 想把之前寫的單機(jī)版 windows 軟件改成網(wǎng)絡(luò)版，讓每個用戶可以注冊并登錄。類似 qq 的登陸，怎么架設(shè)服務(wù)器呢？2. javascript - 為什么嵌套的Promise不能按預(yù)期捕獲Exception？3. javascript - 編程，算法的問題4. java - HTTPS雙向認(rèn)證基礎(chǔ)上有無必要再進(jìn)行加簽驗簽？5. windows - asp.net連接上mysql之后如何調(diào)用？比如下面的登錄驗證功能怎么實現(xiàn)6. mysql - 面試題：如何把login_log表轉(zhuǎn)換成last_login表？7. 剛放到服務(wù)器的項目出現(xiàn)這中錯誤，有高手指點嗎8. css - 手機(jī)qq打開網(wǎng)頁無法使用文件上傳功能?9. javascript - nodejs實現(xiàn)異步時遇到的一個問題10. css3 - Typecho 后臺部分表單按鈕在 Chrome 下出現(xiàn)靈異動畫問題，求解決
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備