文章詳情頁
css3 - border-bottom 的長度可否超過盒子的寬度呢?實現如下圖效果。(我的書下面的線)
瀏覽:226日期:2023-07-08 10:43:01
問題描述
問題解答
回答1:我把margin設為負值,然后把padding設為正值就可以了
回答2:樓主的這個就是在“我的書”的外層添加bordr-bottom就可以達到
回答3:講道理應該是不可以的吧~因為本身border的長度好像是和盒子長度一致的~如果真的要比盒子長的話,可以在外面嵌套一個p。這只是我的個人看法,如有不對的地方,煩請指正,謝謝。
回答4:不可以,你的 border-bottom 是加在盒子里面的啊
回答5:設置一個margin值為負值
回答6:剛剛試了1L和5L的方法,給margin設置負值,并沒有實現。在我的理解里,border是和塊狀元素實際的寬高對應的吧,margin這個屬性只能調整位置,并不能增加元素的寬高,所以如果要保持p的寬是50px,還想讓這個p的border-bottom有100px的長度,是不能實現的吧?不知道我的理解是不是正確,css小白,歡迎指摘。另外我覺得2L、3L的方法是可以的,我在開發過程中也是這樣實現的,目前是我知道的最簡單直接的實現方式,如果有其他更好的方法,歡迎大神指導!
回答7:哎,讀了幾遍看不懂啥意思啊,你們咋看得懂的啊。勉強理解的意思是:橫向的灰色線width要大于橫向的藍線,,要突破藍線出去是嗎?那里面的盒子寬度大于外面的盒子不就好了么。。。里面的盒子border-bottom不就大于外面盒子框了么?感覺沒聽懂啊。。。
標簽:
CSS
相關文章:
1. java - .jsp頁面用<%= %>的方式獲取數據存在一個很奇怪的問題2. css3 隱藏文本3. css3-translate3d-模糊bug - 為何使用了 css3 translate3d 會導致顯示模糊?4. vue.js - vue上傳代碼到git5. button按鈕點擊了沒有任何反應6. css - 移動端字體適配問題7. python - HTML中的img標簽,如何在request.args里找到img標簽屬性?8. java - svn導下來的項目,web-inf下怎么沒有lib文件呀?9. javascript - arguments.callee10. javascript - Angular利用 broadcast和 on實現頁面跳轉并且傳遞數據 但是跳轉后收不到數據
排行榜
