問題描述

用dl來實(shí)現(xiàn)如圖京東二級(jí)導(dǎo)航,但是自己dr跟dd總排不到一行.做了個(gè)demo觀察了一下 ,發(fā)現(xiàn)dr跟dd的浮動(dòng)十分特殊,見圖(已將dd的margin設(shè)為0).普通p在同一方向float效果如兩個(gè)灰色方塊.而dr和dd有重疊部分而且是下邊框?qū)R.那么請(qǐng)問該該如何實(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指正.啊!!我的眼睛!!

問題解答

有dr標(biāo)簽?dl dt dd吧...把dt和dd設(shè)為inline-block不就行了.