右側に2つのdivが並んでいて、常に100%に伸びています。左にあるものは必ずしもそこにあるとは限らず、128pxの幅の画像が含まれています。&高さ右側のdivの中には100%幅の表があります。これはできますか?誰もこれを行う方法を知っていますか?CSSが2つ並んでいます
答えて
Here is a jsfiddle(私が思う)あなたの問題を解決します。次回は、いくつかのコードが役に立ちますので、私たちは出発する場所があります。
右のdiv
で絶対位置を使用して「ストレッチ」にするのがトリックです。親は静的な位置決めを行うことができないことに注意してください。
EDIT:イメージが常に存在するとは限りません。このテクニックを使用するには、ロジックが必要な場合があります。 JavaScriptでクラスを削除/追加するか、.child2
にleft: 0px;
があるものを追加します。あなたが使用している技術は不明です。
EDIT2:Here is a linkこの記事では、テクニックやそれが役に立つ他の状況について説明します。
その左のdivがいつも目に見えるわけではないので、右は常に左から128pxになるでしょう。 – ONYX
私はこれについて簡単に答えました。ロジックが必要です.JS、PHP、JSPなどのプログラミング言語が必要です。イメージが存在しない場合は '.child2'に' left:0px; 'を付ける必要があります。 –
- 1. 2つのボタンが並んでいます
- 2. UITableViewCellの2つのボタンが並んでいます
- 3. CSS - 含まれているDivの中で同じ大きさの2つのDivsが並んでいます
- 4. WPFリストボックス2つ並んで
- 5. 2つの変数が並んでいるbarplot
- 6. CSS - 2つの要素を並べて並べて表示
- 7. CSS - 2つの画像をCSSの中心に並べる
- 8. エンタープライズライブラリ2と3.1が並んでいます
- 9. 2つのバープロットを並んで並べる
- 10. 2つのブロックをCSSで並べる方法
- 11. Android(xml)の親に並んでいる2つのボタン
- 12. ブートストラップマルチカラムチェックボックスが並んでいません
- 13. Android 3.1、2つのカウンターを並んで並べて表示するのに問題があります
- 14. ChromeとSafariのiframeが並んでいて、並んでいません
- 15. 3各行に2列目のボックスが並んでいません。 JSフィドル
- 16. テーブルビューのヘッダーは2列に並んでいます
- 17. 縦の中央に2つのdivが並んでいる場合は何もありません。
- 18. 親に2つのdivを並べて並べます
- 19. FFMPEG 2 1フレームにトランスコードされたビデオが並んでいますか?
- 20. 外側のdivに2つの要素が並んでいて、左側に1つ、右側に1つある
- 21. Firefoxで枠線画像とCSS画像が並んでいない
- 22. 並んで2つの値を持つ配列を取得しようとしています
- 23. オーバーフロー時にスクロールできる3つのdivsが並んでいます
- 24. HtmlとCSSどうすれば3つのdivを並べて並べることができます
- 25. CSSフォントプロパティで2つのサイズを指定していますか?
- 26. 1つのアプリケーションに複数のInternet Explorerのバージョンが並んでいます
- 27. 両者は並んでいません
- 28. blueprint cssは2つのdivをインライン化しません
- 29. html javascriptが2つのdivの並びを持っています
- 30. 2つのdata.framesをknitrで並べます。
私は混乱しています。 divのいずれかが100%幅の場合、どのように2つのdivを並べることができますか? – SenorAmor
彼は残りのスペースの100%を意味すると信じています。 – Dan675
私は浮動小数点の左の位置を使用しようとしました。私はちょうどそれを動作させるように見えません。 – ONYX