文本突出显示在顶部截断

【问题标题】：Text highlighting cuts off on top文本突出显示在顶部截断
【发布时间】：2014-02-04 11:54:48
【问题描述】：

我是网页设计的新手。我目前正在我学校的网站上工作，但遇到了一个问题。当我突出显示 .wrap 中的文本时，突出显示在顶部被切断。为什么会发生这种情况，我该如何解决？感谢您的支持。

测试站点：http://whileloop.x10.mx/test/

【问题讨论】：

在 Chrome 中对我来说很好。
你尝试了什么？？请放在这里...

标签： html css fonts

【解决方案1】：

突出显示在顶部被切断，因为您的 line-height 在 .wrap 类上设置为 70%。如果您保持默认并正确调整布局（例如设置h3 的margin-top，如果这是您所追求的），它将正常突出显示。

【讨论】：

【解决方案2】：

尝试用这个更改 .wrap

    .wrap {
    color: #313131;
    float: left;
    line-height: 70%;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 3em;
    width: 100%;}

【讨论】：