2

ウェブサイトでアバターに問題が発生しました35。xアバターがある場合、ピクセルサイズを超える35と、ご存知のように問題が発生します。35x35

属性に関連していると思いますposition: absolute;が、これに代わるより良いものは見つかりませんでした。

これが私が求めているもののライブデモです:http://jsfiddle.net/AtJVb/0/

ご覧のとおり、アバターは大きすぎますが、周囲の要素は移動せずに、その位置にとどまります。

35 x 35これが画像付きのライブデモです:http: //jsfiddle.net/AtJVb/1/

ここでは、すべてが完璧です。最初の例では、まったく同じように見えますが(つまり、作成者、日付、コメントのコンテンツ要素の位置)、画像サイズが大きくなります。

どんな解決策も待っています、私は感謝します。

4

1 に答える 1

1

あなたは単にfloat: leftそのアバターとclear: leftコメント本文をすることができます。

絶対的なポジショニングはここでそれを台無しにします。

絶対に配置された要素はフローから取り出されるため、他の要素を配置するときにスペースを占有しません。

MDNから-絶対測位

于 2012-05-08T09:58:57.760 に答える