文字選擇覆蓋整個屏幕寬度

Question

每當我在網站上選擇/突出顯示文本時，該欄就會覆蓋頁面上的所有內容。

（文本選擇框實際上不是灰色的，只需要捕獲屏幕快照即可）如何阻止它執行操作，使其保留在白框中？

文本所在的白框使用“自動換行：break-word”來阻止文本與白框重疊。 我不知道問題是否與此有關。

<p> Test Test Test Test Test </p>

p {                         
font-family: "Calibri";
font-style: normal;
font-variant: normal;
font-size: 18px;
color: black; }

謝謝

Answer 1

只需添加樣式oveflow: hidden; 對於兒童div 查找以下示例

的HTML

<div class="wrap">
    <div class="content">
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled 
    </div>
</div>

的CSS

.wrap{
    background: #ddd;
    overflow: hidden;
    padding: 20px;
}
.content{
    width: 50%;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}

JSFIDDLE演示