Question

在this page中，如果您点击一个职位名称，它将打开一个蓝色窗口，其中包含一个工作摘要，其中有一个关闭窗口＆＃39;右上角的按钮。＆＃39;关闭＆＃39;按钮通常与作业摘要的文本重叠。我想强迫文字绕过“关闭”。按钮，这样就没有重叠了。

＆＃39;关闭＆＃39;按钮由div中的span（包含引导标志符号）组成。元素的CSS代码如下：

.div__job_grid_summary_close_button {
    background-color: #f9f7f7;
    border: 1px solid #959595;
    border-radius: 3px;
    height: 24px;
    margin: 9px 9px 0 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}

.div__job_grid_summary_close_button span {
    cursor: pointer;
    float: left;
    font-size: 18px;
    margin: 1.42px 0 0 2.2px;
}
.glyphicon {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px;
}

使文字围绕“关闭”的最佳方式是什么？按钮？谢谢。

Answer 1

目前正在使用

position:absolute;

Soo，删除它。将其更改为：

float:right; margin:9px;

编辑：保证金只是一个建议，将其设置为您喜欢的任何内容。

强制文字绕过关闭窗口＆＃39; CSS中的按钮

1 个答案: