Css 边框框不工作

Css 边框框不工作,css,Css,我正在努力使我的缺口边缘与盒子的大小相匹配。我在很多情况下都试过调整盒子大小,但都没能成功 .box{ 背景色:#009fbd; 宽度:100%; } .方框p{ 颜色:#fff; } .有缺口的角落:之前{ 内容:''; 位置:绝对位置; 底部:5px; 左:15px; 显示:块; 身高:0; 宽度:100%; 边框顶部:7px实心#009fbd; 右边框:7px实心透明; 框大小:边框框; } 低俗小说 有史以来最好的电影 问题不在于边框框。问题在于您添加的引导列类 它的两边都有15px

我正在努力使我的缺口边缘与盒子的大小相匹配。我在很多情况下都试过调整盒子大小,但都没能成功

.box{
背景色:#009fbd;
宽度:100%;
}
.方框p{
颜色:#fff;
}
.有缺口的角落:之前{
内容:'';
位置:绝对位置;
底部:5px;
左:15px;
显示:块;
身高:0;
宽度:100%;
边框顶部:7px实心#009fbd;
右边框:7px实心透明;
框大小:边框框;
}

低俗小说

有史以来最好的电影


问题不在于边框框。问题在于您添加的引导列类

  • 它的两边都有15px的填充物,你需要去掉
  • 您需要将
    :before
    元素的左侧位置重置为0
    这应该会让你接近你想要的东西。

    问题不在于边框框。问题在于您添加的引导列类

  • 它的两边都有15px的填充物,你需要去掉
  • 您需要将
    :before
    元素的左侧位置重置为0
    这会让你更接近你想要的东西。

    相对
    样式设置为相同的元素

    .box{
    背景色:#009fbd;
    宽度:100%;
    }
    .方框p{
    颜色:#fff;
    }
    .有缺口的角落{
    位置:相对位置;
    }
    .有缺口的角落:之前{
    内容:'';
    位置:绝对位置;
    左:0;
    底部:-7px;
    显示:块;
    身高:0;
    宽度:100%;
    边框顶部:7px实心红色;
    右边框:7px实心透明;
    }
    
    低俗小说

    有史以来最好的电影


    相对
    样式设置为相同元素

    .box{
    背景色:#009fbd;
    宽度:100%;
    }
    .方框p{
    颜色:#fff;
    }
    .有缺口的角落{
    位置:相对位置;
    }
    .有缺口的角落:之前{
    内容:'';
    位置:绝对位置;
    左:0;
    底部:-7px;
    显示:块;
    身高:0;
    宽度:100%;
    边框顶部:7px实心红色;
    右边框:7px实心透明;
    }
    
    低俗小说

    有史以来最好的电影


    你说的“让我的缺口边缘与盒子尺寸匹配”是什么意思?你能描绘出你正在尝试做的事情吗?同意,请更详细地描述错误。你说的“让我的缺口边缘与盒子大小匹配”是什么意思?你能描绘出你正在尝试做的事情吗?同意,请更详细地描述错误。这是有道理的。我应该从我的.box div中移除填充物吗?还是:以前?无论如何,我现在正在尝试。你需要从
    div.col-xs-4.col-sm-3中删除它。谢谢你的帮助,本。这很有意义。我应该从我的.box div中移除填充物吗?还是:以前?无论如何,我现在正在尝试。您需要将其从
    div.col-xs-4.col-sm-3中删除。谢谢您的帮助。