放大时文字重叠

Question

我有一个960px宽的div，里面还有2个div。一个在右边，另一个在左手边。右手div中有一些文本（在p标签中），每当我放大文本时只是重叠而不是保持不变。如果我缩小它会保持不变。 文本的CSS如下：

p.text
{
color:black;
/*font-size:15.5px;*/
font-size:0.9em;
font-weight:bold;
line-height:7px;
text-align:left;
padding-left:10px;
font-family: 'Proxima Nova';
}

和div的css是

#wraper-second-paragraph
{
    width:460px;
    height:150px;
    border: dotted 2px green;
    margin-top:14px;
    font-family: 'Proxima Nova';
}

任何人都可以帮我吗？谢谢你的期待。

Answer 1

{
    width:466px;
    height:150px;
    border: dotted 2px green;
    margin-top:14px;
    font-family: 'Proxima Nova';
}

Answer 2

将您的宽度设置为％而不是px它将起作用

wraper-第二段落

{
    width:55%;
    height:150px;
    border: dotted 2px green;
    margin-top:14px;
    font-family: 'Proxima Nova';
}