文章详情页
css3 - border-bottom 的长度可否超过盒子的宽度呢？实现如下图效果。（我的书下面的线）
浏览：136日期：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. docker内创建jenkins访问另一个容器下的服务器问题2. Whitelabel错误页面发生意外错误（类型=未找到，状态= 404）/WEB-INF/views/home.jsp3. html5 - h5写的app用的webview，用手机浏览器打开不显示？4. docker-compose 为何找不到配置文件？5. 用Java8的 stream 操作外部集合是否存在并发问题？6. docker容器呢SSH为什么连不通呢？7. docker gitlab 如何git clone？8. html5和Flash对抗是什么情况？9. css3 - 请问，如何写这个颜色的（渐变），并且在移动端自适应10. javascript - 移动端，当出现遮罩层的时候，遮罩层里有div是超出高度scroll的，怎么避免滑动div的时候，body跟随滑动？
排行榜
网公网安备