我有以下默认的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;
}
至少应该使您朝正确的方向...