将列表显示为菜单，然后展开 div 以填充剩余宽度答案

【问题标题】：Display list as menu then expand div to fill remaining width将列表显示为菜单，然后展开 div 以填充剩余宽度
【发布时间】：2010-12-08 09:20:33
【问题描述】：

<div id="header">
    <div id="logo"></div>
    <ul>
        <li><a href="1.php">Menu 1</a></li>
        <li><a href="2.php">Menu 2</a></li>
        <li><a href="3.php">Menu 3</a></li>
        <li><a href="4.php">Menu 4</a></li>
        <li><a href="5.php">Menu 5</a></li>
    </ul>
    <div id="fillrest"></div>
</div>

如何将 CSS 应用于此以使固定宽度的 #logo 位于每个列表成员旁边，然后 #fillrest div... 填充其余的宽度。（#header 宽度应为 100%）。

这个真的有问题...

高西

【问题讨论】：

考虑这个解决方案时的问题在于fillrest div ... :)。 fillrest需要什么？

标签： css layout html

【解决方案1】：

jQuery 解决方案：

http://www.jsfiddle.net/JeaffreyGilbert/aePGr/

预览：

【讨论】：