私はこの単純な (!) HTML コードを数時間いじりました..
URL
http://www.bluemachines.dk/html_test/
問題
リンクを見ると、幅が約 1000 ピクセルの灰色の div が表示されます。これがページの幅です。
div には、見出し付きの 3 つの列を持つテーブルがあります: Dato、Bilagsnr、Bilag
最後の列「Bilag」には、問題を引き起こす画像を含む複数の要素があります。要素の幅は 100% に設定されていますが、どういうわけか親の幅を「オーバーフロー」しています
最初の 2 つの列「Dato」と「Bilagsnr」は、画像が示されている限り、マッシュアップされています。
画像要素を右クリックして要素<div id="e9900" ...
を検査し、display:none
すべてが所定の位置に収まるように設定すると、e9900
もoverflow:hidden
あり、画像自体は親要素でドラッグ可能で、大きな画像が収まるように表示されます。画像要素が表示されるとすぐに幅が台無しになります
画像要素の幅がに設定されているため、実際に何が起こっているのかわかりませんwidth:100%
..はい、画像の幅を正確な幅に設定できますが、それは私が望むものではありません..デザインは静的であってはならず、ロックされた