css3 - border-bottom 的長度可否超過盒子的寬度呢?實現(xiàn)如下圖效果。(我的書下面的線)
問題描述
問題解答
回答1:我把margin設(shè)為負值,然后把padding設(shè)為正值就可以了
回答2:樓主的這個就是在“我的書”的外層添加bordr-bottom就可以達到
回答3:講道理應該是不可以的吧~因為本身border的長度好像是和盒子長度一致的~如果真的要比盒子長的話,可以在外面嵌套一個p。這只是我的個人看法,如有不對的地方,煩請指正,謝謝。
回答4:不可以,你的 border-bottom 是加在盒子里面的啊
回答5:設(shè)置一個margin值為負值
回答6:剛剛試了1L和5L的方法,給margin設(shè)置負值,并沒有實現(xiàn)。在我的理解里,border是和塊狀元素實際的寬高對應的吧,margin這個屬性只能調(diào)整位置,并不能增加元素的寬高,所以如果要保持p的寬是50px,還想讓這個p的border-bottom有100px的長度,是不能實現(xiàn)的吧?不知道我的理解是不是正確,css小白,歡迎指摘。另外我覺得2L、3L的方法是可以的,我在開發(fā)過程中也是這樣實現(xiàn)的,目前是我知道的最簡單直接的實現(xiàn)方式,如果有其他更好的方法,歡迎大神指導!
回答7:哎,讀了幾遍看不懂啥意思啊,你們咋看得懂的啊。勉強理解的意思是:橫向的灰色線width要大于橫向的藍線,,要突破藍線出去是嗎?那里面的盒子寬度大于外面的盒子不就好了么。。。里面的盒子border-bottom不就大于外面盒子框了么?感覺沒聽懂啊。。。
相關(guān)文章:
1. webpack - vuejs+java前后臺分離實現(xiàn)及部署問題2. mysql - 這條聯(lián)合sql語句哪里錯了3. 使用uuid,并不能利用mysql的索引,有什么解決辦法?4. 網(wǎng)站在移動的環(huán)境下手機,pc打不開5. php - TP5的登錄驗證問題6. mysql - 我的myeclipse一直連顯示數(shù)據(jù)庫連接失敗,不知道為什么7. javascript - 微信h5發(fā)送圖文信息,部分設(shè)備點擊“發(fā)送”按鈕時沒反應,問題較難重現(xiàn),如何能找到可能存在問題的點?8. 在html文件的目錄下輸入代碼按回車后顯示這個,哪位大佬幫幫我 呀9. linux pdo 安裝配置中 make 遇到問題,請大家指教!10. mysql改密碼失敗了,舊密碼新密碼都不能登錄了...
