Question

我有一个容器，其宽度固定为200px，宽度的其余部分两侧均匀。我在这个容器上应用了margin-bottom，但它只占用了200px的宽度，因为那是容器盒的宽度。如何使border-bottom占据整个屏幕宽度。

码

.sch-container{
  max-width:200px;
  margin:0 auto;
  text-align:center;
  border-bottom:1px solid red
}

<div class="sch-container">
    <div class="content">
        Hello
    </div>
</div>

FIDDLE

Answer 1

实施两个班级将是最佳选择。

.sch-container{
  border-bottom:1px solid red;
}
.content{
  max-width:200px;
  margin:0 auto;
  text-align:center;
}

<div class="sch-container">
   <div class="content">
     Hello
   </div>
</div>

Answer 2

这不是您问题的直接解决方案，更多是替代方案。您可以在border-bottom上使用.sch-container代码而不是.sch-container{ max-width:200px; margin:0 auto; text-align:center; } hr{ height: 1px; border: 0; border-top: 1px solid; } .red{ border-color: red; }。

＆＃13;

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Some Title</title>
</head>
<body>
<div class="sch-container">
    <div class="content">
        Hello
    </div>
</div>
<hr class="red"/>	
</body>
</html>

＆＃13;

query.CommandText = @"UPDATE prijslijst
                            SET omschrijving = ?, 
                                prijs = ?, 
                                catagorie = ?
                            WHERE id = ?";

＆＃13;

将边框应用于占据div边距的区域

2 个答案: