分度水平对齐，一个固定，一个自适应

我想使用两个div以创建垂直分裂位点结构：分度水平对齐，一个固定，一个自适应

<div id="d1" style="width:100px;float:left"></div> 
<div id="d2" style="width:auto;float:left"></div>

我的目的是具有下D2在水平对准结构，以D1（同一行）。我得到的不是这个。实际上，使用该代码，d2不会占用剩余空间，但会折叠为最小宽度。

如果我使用

<div id="d1" style="width:100px;float:left"></div> 
<div id="d2" style="width:100%;float:left"></div>

错误的，因为D2下降，并采取所有空间（但两者的div在不同的线路）。

如何达到我的目标？有没有这个问题的设计模式？

谢谢。

OK，这应该是正确的问题...

大家好。我想用两个div创建垂直分裂的网站结构：

<div id="d1" style="width:100px;float:left"></div> 
<div id="d2" style="width:auto;float:left"></div>

我的目的是旁边有D2水平对齐结构D1（同一行）。我得到的不是这个。实际上使用该代码，d2不会占用剩余空间，但会折叠为最小宽度。

如果我使用

<div id="d1" style="width:100px;float:left"></div> 
<div id="d2" style="width:100%;float:left"></div>

错误的，因为D2下降，并采取所有空间（但两者的div在不同的线路）。

如何达到我的目标？有没有这个问题的设计模式？

谢谢。

来源

2010-05-10 Dorian McHensie

改写你的问题。 – Kasturi 2010-05-10 13:57:20

遗憾有在发布代码的问题：这是第一码：

这第二

– 2010-05-10 13:57:31

我认为HTML/CSS问题都要措辞穷人的最大的罪犯。请设计一些图表并上传图片或截取浏览器的截图。 – puk 2012-11-07 05:25:37

ü可能想使用一个表是这样的：

<table width="100%" style="table-layout:fixed"> 
<tbody> 
<tr> 
<td width="100px"> </td> 
<td width="100%"> </td> 
</tr> 
</tbody> 
</table>

来源

2010-05-10 14:19:10 Kasturi

是的，这是我想获得的结果，但使用表来创建布局是一个不赞成使用的方法，我想找到一种方法来使用CSS做同样的事情... – 2010-05-10 16:28:40

CSS的方法：

<div style="width:100%; position:relative"> 
<div style="width:100px;float:left"> </div> 
<div style="width:100%;position:absolute;padding-left:100px;left:0;top:0"> </div> 
</div>

来源

2010-05-10 17:14:54 Kasturi

分度水平对齐，一个固定，一个自适应

回答

相关问题