2010-07-26 173 views
0

是否可以使用固定寬度的div和擴展div?像這樣的:固定寬度div div寬度div?

<div style="float:left; width:200px"> 
</div> 

<div style="float:left; width:100%"> // expand please 
</div> 

<div style="position:fixed; width:320px"> 
</div> 

我想中間div只是擴大寬度,並採取什麼後留下的位置左,右div。它工作正常,如果我給他們每個人的寬度%,但使用的是固定寬度一些時候,他們開始重疊時,瀏覽器的邊框變小等,

感謝

+1

[固定 - 液體 - 固定佈局]可能的副本(http://stackoverflow.com/questions/1558761/fixed-liquid-fixed-layout) – 2010-07-26 01:10:49

+0

請參閱我的答案在http://stackoverflow.com/questions/ 2357101 /如何到的地方,二,申報單功能於一身的行-一固定等,是拉伸 – 2010-07-26 02:33:48

回答

0

如何:

<html> 
    <body> 
    <div style="float:left;width:200px;background:red">&nbsp; 
    </div> 

    <div style="float:right; width:320px;background:blue">&nbsp; 
    </div> 

    <div style="background:black">&nbsp; 
    </div> 
    </body> 
</html> 
0
<div style="left:0;width:30px;"></div> 
<div style="left:30px;right:0;"></div> 

您可能需要將它們設置爲絕對位置,並將其父親關係。