使用CSS的流体宽度布局
我正在尝试将一个页眉横跨整个页面的页面组合在一起 标题包含菜单项，看起来像这样（下面的ASCII呈现）使用CSS的流体宽度布局,css,html,Css,Html,我正在尝试将一个页眉横跨整个页面的页面组合在一起 标题包含菜单项，看起来像这样（下面的ASCII呈现） ----------------------------------------------------------------------------------------- 此处的徽标（固定宽度）|菜单一|菜单二|菜单三|菜单四 | | | | ---------------------
-----------------------------------------------------------------------------------------
此处的徽标（固定宽度）|菜单一|菜单二|菜单三|菜单四
| | | |
-----------------------------------------------------------------------------------------
<div id="topMenu">
<div id="topMenuLogo"><!-- flash logo stuff here --></div>
<div id="topMenuContainer">
<div id="topMenuTopBar" class="right-align">
<div class="useroption floatleft">Action 1</div>
<div class="useroption floatleft">Action 2</div>
<div class="spacer"> </div>
</div>
<div id ="topMenuNavBar">
<div id=topmenuMenuContainer">
<ul>
<li>Menu One</li>
<li><!-- Other menus follow below ...... --></li>
</ul>
</div>
</div>
<div class="spacer"> </div>
</div>
<div class="spacer"> </div>
</div>
行动1
行动2
这应该是您的#1资源，用于解决以下一般布局问题：
你可以在他的网站上找到任何你想要的CSS布局。如果您还不了解CSS，可以在w3schools查看教程：
有用的链接，但它仍然不能回答我的问题，即如何创建具有固定宽度和可变宽度部分的元素（容器）。为了进一步澄清，我已经可以创建这样的页面了，因为它们非常简单。我试图做的事情比该站点（AFAICT）上的任何示例都要复杂。如果我在网站上举一个例子，我仍然会遇到将我的报头或页眉部分放入页面的问题，因此问题仍然没有解决。如果我理解你的问题，你想要一个与页面大小一致但具有最小宽度的容器，对吗？也就是说，集装箱可以扩展到任何宽度，但必须至少与桅杆头部一样宽？在这种情况下，您只需使用min-width css属性来指定最小宽度。我一定是做错了什么，因为这正是我所做的（使用min-width属性。我将不得不再次检查我的页面-感谢您的到来…没问题！我将用奶油色接受我的答案，谢谢：）
<div id="topMenu">
<div id="topMenuLogo"><!-- flash logo stuff here --></div>
<div id="topMenuContainer">
<div id="topMenuTopBar" class="right-align">
<div class="useroption floatleft">Action 1</div>
<div class="useroption floatleft">Action 2</div>
<div class="spacer"> </div>
</div>
<div id ="topMenuNavBar">
<div id=topmenuMenuContainer">
<ul>
<li>Menu One</li>
<li><!-- Other menus follow below ...... --></li>
</ul>
</div>
</div>
<div class="spacer"> </div>
</div>
<div class="spacer"> </div>
</div>