文章詳情頁
css3: dl中如何讓dr和dt視覺上顯示到同一行?
瀏覽：149日期：2023-07-23 13:07:28
問題描述
用dl來實現如圖京東二級導航,但是自己dr跟dd總排不到一行.做了個demo觀察了一下 ,發現dr跟dd的浮動十分特殊,見圖(已將dd的margin設為0).普通p在同一方向float效果如兩個灰色方塊.而dr和dd有重疊部分而且是下邊框對齊.那么請問該該如何實現?
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標簽?dl dt dd吧...把dt和dd設為inline-block不就行了.
標簽：
CSS
相關文章：
1. android - 美團篩選處篩選條件停靠+條件點擊滑動到頂部。2. list - python 求助3. python3.x - python3.5使用pyinstaller打包報錯找不到libpython3.5mu.so.1.0等文件求解？4. python算法,如何優雅的合并2個列表字典?5. python - def自定義函數的疑惑6. 請教： 關于 python 反斜杠轉義的疑問7. mysql優化 - mysql like語句會導致全表掃描？8. javascript 如何下載一個excel文件 ?9. Python中, 仿照經典代碼實現單例, 卻出現了不是單例的的狀態, 代碼哪里出錯了 ?10. php由5.3升級到5.6后，登錄網站，返回的是php代碼，不是登錄界面，各位大神有知道的嗎？
排行榜
網公網安備