我有以下默认的HTML 2列方案:

<div id="page">
    <div id="header"></div>
    <div id="left"> sidebar stuff</div>
    <div id="right">
        <div id="topbar">
            <div id="menu">
                <ul>
                    <li><a href="#">A</li>
                    <li>B</li>
                    <li>C</li>
                </ul>
                <div id="iconmenu">
                    <button>a</button>
                    <button>b</button>
                    <button>c</button>
                    <button>d</button>
                </div>

            </div>
            <div id="content">
                <div style="border: 1px solid black; height:400px">content</div>
            </div>
        </div>
    </div>
</div>


参见:http://jsfiddle.net/K9K8b/1/

我想让图标栏停留在右侧的位置(减小窗口大小时),而无需使用JavaScript。有没有办法做到这一点,可能是通过使用一种占位符和min / max-width属性?

非常感谢。

最佳答案

在这种小提琴中使用绝对位置:

http://jsfiddle.net/K9K8b/2/

#iconmenu {
    padding-right: 3px;
    position: absolute;
    right: 0;
    height: 50px;
    background-color: grey;
}


至少应该使您朝正确的方向...

09-07 18:20