1

私がやろうとしているのは、左側にあるものに対してdivブロックを整列させることです(画像がそこにあるとします)が、常にdivの下部にあります。CSSのみで実現したいのですが、それができない場合はどのような方法でも構いません。

編集

テキストが少ない場合は、このように表示されます。

+---------------------+
|+---+Hello world!    |
||img|                |
|+---+[button]        |
+---------------------+

テキストが多い場合

+---------------------+
|+---+Hello world!    |
||img|Hello world!    |
|+---+Hello world!    |
|Hello world!         |
|[button]             |
+---------------------+

これで私が探しているものが明確になることを願っています。テキストがボタンに触れているかどうかに関係なく、ボタンは常にページの下部に留まる必要があります。また、ボタンは、何も重ならないようにできるだけ左に配置する必要があります。

4

1 に答える 1

1

要素に 2 つの異なる位置を指定することはできません。代わりに、要素をラッパー要素でラップすることで、これを回避できます。ラッパーに position:relative を指定します。垂直に配置する要素を指定します position:absolute;

http://jsfiddle.net/3hBds/

以下の例では、「相対的な水平方向」を、要素を水平方向に積み重ねることを意味すると解釈しましたが、これはフローティングによって行いました。

編集: テキストで画像をラップするには、画像をフロートします。2 つの例を示します。最後の例は、浮かせた画像をクリアしないとどうなるかです。ボタンが常に押されるように、テキストと画像を div で囲みます。

http://jsfiddle.net/apjX7/1/

于 2012-09-29T09:32:29.830 に答える