两个自动宽度左右两个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

回答

相关问题