Html DIV未调整为文本高度。为什么？

你知道为什么我的文字是垂直剪切的吗？我希望

将其高度调整为文本的高度。谢谢

左边
正确的
.bigtext{
颜色：#333；
字号：600；
字体大小：53px；
线高：12px；
文本对齐：右对齐；
}
.包装纸{
位置：相对位置；
显示：块；
右边距：自动；
左边距：自动；
宽度：980px；
溢出：隐藏；
背景：红色；
}   
.左座{
浮动：左；
框大小：边框框；
右边填充：20px；
宽度：50%；
}
.右转{
浮动：对；
框大小：边框框；
宽度：50%；
}

更正了bigtext类

.bigtext {
    color: #333;
    font-weight: 600;
    font-size: 53px;
    line-height: 64px;
    text-align: right;
}

---

行高应始终大于字体大小。

已更正的bigtext类

.bigtext {
    color: #333;
    font-weight: 600;
    font-size: 53px;
    line-height: 64px;
    text-align: right;
}

---

行高应始终大于字体大小。

它正确地调整为文本高度，设置为12px。试试这个：

.bigtext {
    color: #333;
    font-weight: 600;
    font-size: 53px;
    text-align: right;
}

.wrapper {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 980px;
    overflow: hidden;
    background:red;

}   

.block-left {
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
    width: 50%;

}
.block-right {
    float: right;
    box-sizing: border-box;
    width: 50%;

}

---

它正确地调整到文本高度，设置为12px。试试这个：

.bigtext {
    color: #333;
    font-weight: 600;
    font-size: 53px;
    text-align: right;
}

.wrapper {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 980px;
    overflow: hidden;
    background:red;

}   

.block-left {
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
    width: 50%;

}
.block-right {
    float: right;
    box-sizing: border-box;
    width: 50%;

}

---

这是因为行高css样式删除：

line-height: 12px;

---

让

调整其高度以适合文本。

这是因为行高css样式删除：

line-height: 12px;

---

让

调整其高度以适应文本。

您的小提琴链接leeds到JSFIDLE主页…增加.bigtext中的行高您的小提琴链接leeds到JSFIDLE主页…增加.bigtext中的行高