如何避免浮動div的橫向捲動？

我有一個浮動在右側（綠色）的絕對位置的div。這是正確的，突出一半問題是當窗口的最小尺寸985px頁面減少。雖然div浮動會產生橫向滾動，但通過減少窗口滾動可以避免這種情況嗎？如何避免浮動div的橫向捲動？

enter image description here

<body style="width:100%; min-width: 985px; padding:0px; margin:0px; color:#FFFFFF; background:#160E30; border:2px solid yellow;"> 
<div style="position:relative; width:985px; margin:0 auto; height:70px; border:2px solid #FFFFFF"> 
    <div style="color:#FFFFFF">TITLE</div> 
    <div style="position:absolute; top:-10px; right:-15px; width:100px; height:30px; border:2px solid green;">FLOAT</div> 
</div>

http://jsfiddle.net/sb8c216s/4/

http://fiddle.jshell.net/sb8c216s/4/show/

這是通過簡單地設計一個小圖片。一半的圖像在頁面內，其餘的在外面。當窗口縮小到身體的最小寬度時，圖像的一半不會被隱藏，顯示爲完全生成小卷軸。

來源

2014-11-06 ephramd

ÿ你不想水平滾動？ – nicael 2014-11-06 08:49:12

這是否適用於設計圖案（例如，色帶邊緣或其他一些除造型之外的其他目的）？如果是，我會建議一個僞元素。絕對定位時，它們不會導致溢出滾動條。 – 2014-11-06 08:53:15

是的，這是一個簡單的設計小圖片。一半的圖像在頁面內，其餘的在外面。當窗口縮小到身體的最小寬度時，圖像的一半不會被隱藏，顯示爲完全生成小卷軸。 – ephramd 2014-11-06 08:57:45