Html CSS填充不应用于父div

我真的不懂CSS：(

为什么下面的

padding

没有推出父div的大小

HTML

 <div class="lead-table">
        <div class="row table-head-1">
            <div class="col-md-9"> 
              <span><strong>My Leads</strong></span>
            </div>
        </div>
    </div>

感谢您的帮助

---

谢谢

只要用以下内容替换这两个css，它可能会帮助您：-

.lead-table .table-head-1 {
    background-color: #053449;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    padding: 20px 18px;
}

---

只需将这两个css替换为以下内容，它可能会帮助您：-

.lead-table .table-head-1 {
    background-color: #053449;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    padding: 20px 18px;
}

---

您的html需要包装在带有引导的“容器”类划分标记中

HTML:

---

您的html需要包装在带有引导的“容器”类划分标记中

HTML:

---

span

不是块元素

padding

对内联元素不起作用。但是

margin

会起作用

• 您可以使用

  边距：20px 18px；

  或
• 将

  display:block；

  或

  display:inline block；

  添加到范围中

---

padding

将在将其设置为块元素后生效。

span

不是块元素

padding

对内联元素不起作用。但是

margin

会起作用

• 您可以使用

  边距：20px 18px；

  或
• 将

  display:block；

  或

  display:inline block；

  添加到范围中

---

padding

将在将其设置为块元素后生效。

默认情况下，span是一个内联元素。除非添加

display:block

，否则不能向其添加顶部或底部填充

.lead-table .table-head-1 span {
    padding: 20px 18px;
    display:block;
} 

---

工作代码示例：

默认情况下，span是一个内联元素。除非添加

display:block

，否则不能向其添加顶部或底部填充

.lead-table .table-head-1 span {
    padding: 20px 18px;
    display:block;
} 

---

工作代码示例：

与

div

不同，

p

1是可以在所有面上占据

填充

或

边距

的元素，

span

2不能，因为它是只在水平方向上占据

填充

或

边距

的元素

从：

使用

div

而不是

span

…下面的代码可以工作

.lead-table .table-head-1 {
    background-color: #053449;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
}
.lead-table .table-head-1 .col-txt{
    padding: 20px 18px;
}


<div class="lead-table">
    <div class="row table-head-1">
        <div class="col-md-9"> 
          <div class='col-txt'><strong>My Leads</strong></div>
        </div>
    </div>
</div>

.lead table.table-head-1{
背景色：#053449；
文本转换：大写；
颜色：#ffffff；
字体大小：12px；
}
.lead table.table-head-1.col txt{
填充：20px 18px；
}
我的潜在客户
与
div
不同，
p
1是可以在所有侧面占据
padding
或
margin
的元素，
span
2不能，因为它是只在水平方向占据
padding
或
margin
的元素

从：

使用
div
而不是
span
…下面的代码可以工作

.lead-table .table-head-1 {
    background-color: #053449;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
}
.lead-table .table-head-1 .col-txt{
    padding: 20px 18px;
}


<div class="lead-table">
    <div class="row table-head-1">
        <div class="col-md-9"> 
          <div class='col-txt'><strong>My Leads</strong></div>
        </div>
    </div>
</div>

.lead table.table-head-1{
背景色：#053449；
文本转换：大写；
颜色：#ffffff；
字体大小：12px；
}
.lead table.table-head-1.col txt{
填充：20px 18px；
}
我的潜在客户
Span是非块元素。您尝试过了吗。lead table.table-head-1 Span{padding:20px 18px；display:inline block；}Span是非块元素。您尝试过吗。lead table.table-head-1 Span{padding:20px 18px；display:inline block；}