文章詳情頁
css3 - border-bottom 的長度可否超過盒子的寬度呢？實現(xiàn)如下圖效果。（我的書下面的線）
瀏覽：301日期：2023-07-08 10:43:01
問題描述
問題解答
回答1：我把margin設(shè)為負(fù)值，然后把padding設(shè)為正值就可以了
回答2：樓主的這個就是在“我的書”的外層添加bordr-bottom就可以達(dá)到
回答3：講道理應(yīng)該是不可以的吧~因為本身border的長度好像是和盒子長度一致的~如果真的要比盒子長的話，可以在外面嵌套一個p。這只是我的個人看法，如有不對的地方，煩請指正，謝謝。
回答4：不可以，你的 border-bottom 是加在盒子里面的啊
回答5：設(shè)置一個margin值為負(fù)值
回答6：剛剛試了1L和5L的方法，給margin設(shè)置負(fù)值，并沒有實現(xiàn)。在我的理解里，border是和塊狀元素實際的寬高對應(yīng)的吧，margin這個屬性只能調(diào)整位置，并不能增加元素的寬高，所以如果要保持p的寬是50px，還想讓這個p的border-bottom有100px的長度，是不能實現(xiàn)的吧？不知道我的理解是不是正確，css小白，歡迎指摘。另外我覺得2L、3L的方法是可以的，我在開發(fā)過程中也是這樣實現(xiàn)的，目前是我知道的最簡單直接的實現(xiàn)方式，如果有其他更好的方法，歡迎大神指導(dǎo)！
回答7：哎，讀了幾遍看不懂啥意思啊，你們咋看得懂的啊。勉強理解的意思是：橫向的灰色線width要大于橫向的藍(lán)線，，要突破藍(lán)線出去是嗎？那里面的盒子寬度大于外面的盒子不就好了么。。。里面的盒子border-bottom不就大于外面盒子框了么？感覺沒聽懂啊。。。
標(biāo)簽：
CSS
相關(guān)文章：
1. android - 優(yōu)酷的安卓及蘋果app還在使用flash技術(shù)嗎？2. 百度地圖api - Android 百度地圖點擊線路圖的問題？3. html5 - 用h5本地存儲是否安全？4. android - 使用百度sdk調(diào)用SDKInitializer.initialize(this)時報錯？5. java中double類型轉(zhuǎn)換為String類型？6. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題！！7. javascript - 使用百度文本編輯器ueditor不顯示樣式問題8. 微信公眾號在線生成二維碼帶參數(shù)怎么搞？9. javascript - webpack-dev-server和webpack沖突嗎10. javascript - react熱加載的一段代碼
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備