Webkit ブラウザー用のカスタム スクロールバーを使用しています。問題は、ブラウザが webkit をサポートしている場合です。体全体の境界線を取り除きたいです。-webkit-box-sizingフィドルでわかるように、右の div と負のマージン値を使用して動作するようにしました: http://jsfiddle.net/Yfw49/1/
また、ボックスのサイズ変更をサポートしているが Webkit スクロールバーをサポートしていないブラウザーを除いて、非常にうまく機能します。たとえば、スクロールバーがまったくないモバイル ブラウザーなどです。
それを機能させる方法はありますか？ブラウザが webkit をサポートしているかどうかを尋ねる jQuery メソッドを試してみました。サポートされている場合は、div を削除します。しかし、それによりdivがしばらく表示されてから削除されました。見た目が悪かった。
jsfiddle http://jsfiddle.net/Yfw49/1/をご覧ください。
(すべての要素がなくてもマークアップをきれいにできることはわかっています。しかし、他の問題に焦点を当てましょう)