0

テキストをコンテナの下部に揃えたい。私はこれを達成するposition: relative;ためにコンテナとposition: absolute; bottom: 0;内部要素で使用できることを知っています。しかし、私はそのような要素を浮かせました：

    float: left;                 .align-bottom (and also float: left)
++++++++++++++++++++++++++++++++++++++++++++++++
+     #blah                    |               +
+                              |               +
+ Title            btn1 btn2   | TEXT          +
++++++++++++++++++++++++++++++++++++++++++++++++

左側のフロート要素のサイズが固定されていない場合。

CSSとHTMLを使用して、 TEXTを適切なコンテナの下部に配置するにはどうすればよいですか？

これまでに試しました：

.align-bottom {
  /* the 2nd floated element, on right side */
  position: relative;
  overflow: auto;
  height: 100%;
}
.align-bottom div {
  position: absolute;
  bottom: 0;
}

CSSDesk：http : //cssdesk.com/kNE98（jsFiddleに似ていますが、JSはありません）

いくつかの質問がいくらか関連しているのを見てきました（ただし、2つのフローティングコンテナはそれほど多くありません）。次のようなものがあります。

4

2 に答える 2

0

そこで、同じ高さにしたい2つの列の周りに親ラッパーを追加し、ラッパーをfloat要素の完全な高さにするcf（clearfix）クラスを追加しました。次に、要素の幅（29％）を設定して、「左」のdivの右側にぴったりと収まるようにします。絶対位置を使用し、それを下に設定します：0はそれがうまく座ることを可能にしました。

正しいコードのcssdeskリンクは次のとおりです：http：//cssdesk.com/SjSFQ

よろしく

于 2013-03-04T22:38:49.427 に答える
0 
body{position:relative}
.align-bottom {
  position: absolute;
  bottom: -50px;
}

iframeの高さは100％であり、下部のdivがページの下部に送信されるため、CSSDeskにチェックインしないでください。しかし、このコードでは、divは本体の下部にあります。

于 2013-03-04T22:35:56.910 に答える