我试图获得950px的蓝图布局,所以我做了类似下图的事情:
与常规950px容器(右框)一样是浮动中心页面 现在我需要将#menu div向左浮动到这个950px的盒子,它应该被放置在这个#container 950px div左边并且有一个固定的宽度。
如何完成这样的事情?我已经尝试了几个css技巧无济于事,我知道有液体布局但是#menu和#container之间的空间将变得很大我想要修复这个空间,就像下面的例子说20px的蓝图默认。
任何人都知道如何实现这一点,即使屏幕调整大小,div也会停留在页面上?
答案 0 :(得分:2)
如果我理解你的问题,这将做你想做的事:
body, html
{
width: 100%;
}
<div style="margin: 0 auto; width: 1100px">
<div style="width: 150px; float:left;">
menu
</div>
<div style="width: 950px; float:left;">
right part
</div>
</div>