开发者

Display list as menu then expand div to fill remaining width

开发者 https://www.devze.com 2023-01-29 21:21 出处:网络
<div id=\"header\"> <div id=\"logo\"></div> <ul> <li><a开发者_StackOverflow href=\"1.php\">Menu 1</a></li>
<div id="header">
    <div id="logo"></div>
    <ul>
        <li><a开发者_StackOverflow 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>

How do I apply CSS to this to make the fixed-width #logo sit next to each list member and then the #fillrest div... fill the rest of the width. (#header width should be 100%).

Having real trouble with this one...

Gausie


jQuery Solution:

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

Preview:

Display list as menu then expand div to fill remaining width

0

精彩评论

暂无评论...
验证码 换一张
取 消