文章詳情頁

css3 - border-bottom 的長度可否超過盒子的寬度呢？實現如下圖效果。（我的書下面的線）

瀏覽：169日期：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

上一條：css3 - 請問，如何寫這個顏色的（漸變），并且在移動端自適應下一條：css - jq有無現成函數改變rotateX/Y的deg

相關文章：

1. docker - 各位電腦上有多少個容器啊？容器一多，自己都搞混了，咋辦呢？2. java - spring boot 如何打包成asp.net core 那種獨立應用?3. java - 在用戶不登錄的情況下，用戶如何添加保存到購物車？4. datetime - Python如何獲取當前時間5. javascript - nginx反向代理靜態資源403錯誤?6. docker網絡端口映射，沒有方便點的操作方法么？7. 安全性測試 - nodejs中如何防mySQL注入8. javascript - 關于apply（）與call（）的問題9. docker start -a dockername 老是卡住，什么情況？10. python - 調用api輸出頁面，會有標簽出現，請問如何清掉？