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

Question

<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％）。

真的遇到这个......

Gausie

Answer 1

jQuery解决方案：

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

预览