css3 - border-bottom 的長(zhǎng)度可否超過盒子的寬度呢?實(shí)現(xiàn)如下圖效果。(我的書下面的線)
問題描述
問題解答
回答1:我把margin設(shè)為負(fù)值,然后把padding設(shè)為正值就可以了
回答2:樓主的這個(gè)就是在“我的書”的外層添加bordr-bottom就可以達(dá)到
回答3:講道理應(yīng)該是不可以的吧~因?yàn)楸旧韇order的長(zhǎng)度好像是和盒子長(zhǎng)度一致的~如果真的要比盒子長(zhǎng)的話,可以在外面嵌套一個(gè)p。這只是我的個(gè)人看法,如有不對(duì)的地方,煩請(qǐng)指正,謝謝。
回答4:不可以,你的 border-bottom 是加在盒子里面的啊
回答5:設(shè)置一個(gè)margin值為負(fù)值
回答6:剛剛試了1L和5L的方法,給margin設(shè)置負(fù)值,并沒有實(shí)現(xiàn)。在我的理解里,border是和塊狀元素實(shí)際的寬高對(duì)應(yīng)的吧,margin這個(gè)屬性只能調(diào)整位置,并不能增加元素的寬高,所以如果要保持p的寬是50px,還想讓這個(gè)p的border-bottom有100px的長(zhǎng)度,是不能實(shí)現(xiàn)的吧?不知道我的理解是不是正確,css小白,歡迎指摘。另外我覺得2L、3L的方法是可以的,我在開發(fā)過程中也是這樣實(shí)現(xiàn)的,目前是我知道的最簡(jiǎn)單直接的實(shí)現(xiàn)方式,如果有其他更好的方法,歡迎大神指導(dǎo)!
回答7:哎,讀了幾遍看不懂啥意思啊,你們咋看得懂的啊。勉強(qiáng)理解的意思是:橫向的灰色線width要大于橫向的藍(lán)線,,要突破藍(lán)線出去是嗎?那里面的盒子寬度大于外面的盒子不就好了么。。。里面的盒子border-bottom不就大于外面盒子框了么?感覺沒聽懂啊。。。
相關(guān)文章:
1. mysql - 表名稱前綴到底有啥用?2. 哭遼 求大佬解答 控制器的join方法怎么轉(zhuǎn)模型方法3. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE語法實(shí)現(xiàn)存在即更新應(yīng)該使用哪個(gè)標(biāo)簽?4. sql語句 - 如何在mysql中批量添加用戶?5. mysql - 數(shù)據(jù)庫表中,兩個(gè)表互為外鍵參考如何解決6. 編輯成功不顯示彈窗7. tp 6.0 數(shù)據(jù)查詢,求教!8. 為什么php修改數(shù)據(jù)無法同步到數(shù)據(jù)庫,只是當(dāng)前頁面修改成功?9. mysql儲(chǔ)存json錯(cuò)誤10. 怎么php怎么通過數(shù)組顯示sql查詢結(jié)果呢,查詢結(jié)果有多條,如圖。
