兩個自動寬度左右兩個div

<div id="leftdiv" style="background: yellow; min-width: 400px; max-width: 800px;">left content left content left content</div> 

<div id="rightdiv" style="background: red; width: 250px;">right content right content right content</div>

我把float: left放在left div max-width和min-width不起作用。我該如何解決這個問題？兩個自動寬度左右兩個div

來源

2013-05-21 Kadir Çetintaş

給予浮動留給雙方的div –

你真的想要什麼？ – Stiger

如果您想在調整視口大小時收縮2個div中的一個div，那麼最明智的做法是按照Andi Muqisth的說法，使用百分比來調整div大小，或者使其中一個爲另一個的父級，如下所示：演示：http://jsbin.com/ileyaf/4/edit

<div id="leftdiv">left content left content left content 
    <div id="rightdiv">right content right content right content</div> 
</div>

#leftdiv { 
    background: yellow; 
    width: 100%; 
} 
#rightdiv { 
    background: red; 
    max-width: 250px; 
    float: right; 
}

來源

2013-05-21 01:51:37 Tyblitz

不，div的不是並排 –

哈哈，你使用的是ID。不使用。在css中.. – bot

你看不到？左div應該是最大寬度並且是動態的。 –

浮動左似乎工作..看到這個fiddle

<div id="leftdiv">left content left content left content</div> 
<div id="rightdiv" >right content right content right content</div>

CSS

#leftdiv 
{ 
    background-color:Yellow; 
    min-width:100%; 
    max-width:800px; 
    float:left; 
} 

#rightdiv 
{ 
    background-color:red; 
    width:250px; 
    float:right; 
}

來源

2013-05-21 01:56:12 bot

Right div不在右邊， –

使它正確浮動，看到更新的小提琴。 – bot

左div不是動態寬度， –

浮動權格前必須離開怎麼把它給某些版本的IE

<div id="rightdiv" >right content right content right content</div> 
<div id="leftdiv">left content left content left content</div>

CSS一樣的機器人的

#leftdiv 
{ 
    background-color:Yellow; 
    min-width:100%; 
    max-width:800px; 
    float:left; 
} 

#rightdiv 
{ 
    background-color:red; 
    width:250px; 
    float:right; 
}

來源

2013-05-21 03:42:25 user2389411

移動你right麻煩div之前left之一：

<div id="rightdiv" >right content right content right content</div> 
<div id="leftdiv">left content left content left content</div>

現在只是float的right一個：

#leftdiv { 
    background: yellow; 
    min-width: 400px; 
    max-width: 800px; 
} 

#rightdiv { 
    background: red; 
    width: 50px; 
    float: right; 
}

檢查這個FIDDLE DEMO看到的是，你想與否。

[!]我已經減少right件width看到的結果在我的顯示器。你可以使用舊的。

來源

2013-05-21 03:55:35

如果先指定左側DIV後來乾脆把

<div style="float:left"> 
</div> 
<div style="clear:both"> 
</div> 
<div style="float:right"> 
</div>

否則，如果您指定右邊DIV第一沒有必要明確兩個

<div style="float:right"> 
</div> 
<div style="float:left"> 
</div>

來源

2013-05-21 10:23:49

兩個自動寬度左右兩個div

回答

相關問題