Discussions

Qdtタグ要素をクリック(タップ)したら、heightが広がりすぎてしまう。

なぜこういう状態になるのかわからないので、質問投げてみました。
cssでheightなど、いろいろいじってみたのですが、
どうしても問題が見つかりません。

簡単な質問で申し訳ありません。。

Sample Code

AAnswer to: dtタグ要素をクリック(タップ)したら、heightが広がりすぎてしまう。

kyo_ago

なぜかddのheightが246くらいを返してたので
showした後heightをとって自分でanimateしてみました。
(dd liが縦に直列でならんでる感じで計算されてる気がします)

negic

ありがとうございます。すっきりしました!
なるほど、liの高さがとられていたんですね。
勉強になりましたー!

GeckoTang

■cssで解決しました。
・floatの解除がされていなかったのでoverflow:hidden;で対応。
・imgだけfloatして、liが縦に並んでいたから?かと思います。
・imgではなくliにfloat:left;
・jsは好みの形に変えただけなので特に気にしないでください。

negic

あら・・・
ほんとにimgにfloatきかせてましたね、、。
ありがとうございます。

jsもこんな書き方あるのですね。
勉強になります!

Post a question

You can post JavaScript, HTML, CSS related questions with attached reference to actual codes and get the answers likewise.

Ask a question

  • 1. Click the ‘Post a question’ above

  • 2. Enter question details, reference code, and click ‘Add question’ button

  • 3. Question will be paired with the code on display

Add an answer

  • 1. Choose a question

  • 2. Enter answer details, attach the reference code and click ‘add answer’ button

  • 3. Your answer will accompanied with attached code

Tag