2011-07-21 5 views
1

HTMLコード:要素の高さを上げる方法

<ul> 
    <li>A</li> 
    <li>B</li> 
    <li>C</li> 
    <li>D</li> 
    <li>E</li> 
    <li>F</li> 
</ul> 

私は、リスト内の1つ以上liを追加した場合は、その高さが下向きに成長します。しかし、私はリストを静的に保ち、その高さを上向きに増やしたい。

更新: 私は常にブラウザウィンドウの下部に小さなバーを保持しようとしています。ユーザーが何かを選択すると、バーにアイテムが表示されます。複数のアイテムの場合は、コンテナの高さを自動的に上げる必要があります。

どうすればよいですか?

感謝の意を表します。

ありがとうございます!

+0

ウィンドウをスクロール?これはポストされたように多くの意味を作っていない... – Randy

+0

待って...ランディは言ったように、これは意味をなさない。すべてのポジションが他のポジションに対して相対的ではないのですか?下部を静的にしたい場合、タグをあまりにも多く追加するとどうしますか?上にスクロールすると上を固定するのと同じです。 –

+0

私は画面の下部に常に留まるウィジェットとしてそれを作ろうとしています。ユーザーがスクロールしても底に留まることを望む。しかし、私はそれ以上のアイテムの高さを上げる必要があります。 –

答えて

4

あなたのリストは、絶対位置幅が指定されたbottomである必要があります。

+0

私はそれを多くのウェブサイトで「ボトムバー」のようにしようとしています。それは常に底にとどまります。 –

+0

だから問題はありません! – MatTheCat

+0

これで動作します。私はposition fixed&bottom 0を設定しました。ありがとう! –

1

私の最高の推測は、ulposition:absoluteです。そしてあなたのスクリプトでは、アイテムを追加するときにxの位置をアイテムの高さで引いていきます。もちろん、position:absoluteは通常の流れからリストを取ります。

1

この

<ul style="position:absolute;bottom:1px;"> 
     <li>A</li> 
     <li>B</li> 
     <li>C</li> 
     <li>D</li> 
     <li>E</li> 
     <li>F</li> 
    </ul> 

のように下のプロパティを設定されて何をしたいこれは、それがであるものは何でもブロックの下部にブロックを配置します。

関連する問題