画像スライダーが入ったコンテナのdivで使うoverflow:hidden
と、はみ出したコンテンツは完全に隠れるのですが、右側に幅50px程度の白い枠ができてしまいます。
画像をページの端まで、またはできるだけ近くまで広げたいと思っています。
作成する「枠」overflow:hidden
を透明にしたり、狭くしたりできますか?
画像スライダーが入ったコンテナのdivで使うoverflow:hidden
と、はみ出したコンテンツは完全に隠れるのですが、右側に幅50px程度の白い枠ができてしまいます。
画像をページの端まで、またはできるだけ近くまで広げたいと思っています。
作成する「枠」overflow:hidden
を透明にしたり、狭くしたりできますか?
この問題を解決する方法は次のとおりであることがわかりました。
外側のコンテナを width:100% に設定し、
内側のコンテナを全ページ幅より 60px 大きく設定し、overflow:hidden
これにより、内側のコンテナーの幅に従って、「境界線」(右マージンの空白) が設定した任意の px 幅に縮小されました。
うーん..アニムソンは正しいです。オーバーフロー: 非表示; 境界線を追加しません。画像がリンクの場合、境界線がある場合があります (ただし、デフォルトの色は白ではありません)。しかし、そうです、そのためのソースコードを追加してください。完全なシナリオを知らなくても、次のようなものが役立つ可能性があります。
HTML:
<div id="section1">
<img alt="foobar" src="the_URL" />
</div>
CSS:
#section1 {overflow: hidden; width: 100px; display: block; }
#section1 img {width: 100px; border: none; outline: none; display: block;}
それが役立つかどうか教えてください。そうでない場合は、詳しく説明してください。