1つのフロートdivはAUTOで、次に別のdivは残りを埋めます
eplazai
2つのdivを別のdivの中に入れる必要があります。内部にあるDivはフロートされ、1つには「width：auto;」があります。もう1つは残りを埋める必要があります。
私は多くの例を見てきましたが、すべてが少なくとも1つの固定幅で機能し、固定幅では機能しません。
構造は次のとおりです。
<div id="bigboss">
<div id="child1"></div>
<div id="child2"></div>
</div>
「bigboss」には「width：100％」、「child1」には「width：auto;」があります。子供2が残りを埋める必要があります。
ダニー・ヴァン・ホルテン
CSSには「残りを埋める」機能はありません。これにはおそらくjavascriptが必要になります。
jQueryを使用して次のことを行うことができます。
$(document).load(function(){
$("#child2").css({
"width": $("#bigboss").width() - $("#child1").width() + "px"
});
});
ここに見られるように：http：//jsfiddle.net/YUjJ8/
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
親の残りの幅を埋めながら、div要素を次々にfloat左にフロートさせるにはどうすればよいですか？
- 2
2つのdivが上下にあり、1つは動的で、2つ目は残りのスペースを埋めます
- 3
子DIVは残りの高さをスクロール可能なコンテンツで埋めます
- 4
中央のdivを残りのスペースに埋めます
- 5
divを残りのスペースに埋める方法は？
- 6
divの幅をそのコンテンツに合わせて、次のdivで残りを埋めるにはどうすればよいですか?
- 7
divを残りの水平スペースに埋めるにはどうすればよいですか？
- 8
divに残りのスペースを埋めさせるにはどうすればよいですか？
- 9
DIVは親の残りの高さを埋めません
- 10
残りのdivの高さを画像で埋める方法は？
- 11
#div（％）でラッパーdivの残りの部分を埋めるようにします
- 12
2つのdiv-1つは固定高さ、もう1つは残りのスペースを埋めるため
- 13
左のdivパーセンテージ幅、右は残りのスペースを埋めます
- 14
divに残りの場所をすべて埋めさせるにはどうすればよいですか？
- 15
絶対divの隣に1つのdivをどのように配置またはフロートしますか
- 16
残りの画面スペースの高さをdivで埋めるようにします
- 17
少なくとも1つのdivがページの残りの部分を埋め、自動高さを維持し、JavaScriptなしで長いテキストを折り返すdivを埋めるテーブルのような構造
- 18
アスペクト比（CSSまたはjQuery）を維持しながら、divにビューポートの残りの部分を埋めさせるにはどうすればよいですか？
- 19
残りのスペースを埋めるヘッダーの下にdivを設定するにはどうすればよいですか？
- 20
div / spanでページの残りの幅/高さを「埋め」、位置を固定するにはどうすればよいですか？
- 21
<ul>を2つのdivに分割します。1つは最初の子用で、もう1つは残りの部分用です。
- 22
検索バーで残りの100％水平divスペースを埋めるにはどうすればよいですか？
- 23
divを展開して、残りの幅を埋めます
- 24
入力は残りのスペースを埋めます
- 25
同じ行に2つの線形レイアウト。最初は残りのすべてのスペースを埋める必要があります
- 26
3 divを並べて-中央の1つは固定幅で、他のdivは残りの画面スペースを占有します
- 27
親divの残りの水平方向のスペースを動的な幅でdivに埋めるようにします
- 28
CSS-divで残りの垂直スペースを埋める
- 29
divを残りの水平スペースで埋める方法
コメントを追加