我需要用html和css做这样的布局: 左边宽度为 250px 是静态的 右边是流动的,对于屏幕的其他部分 (100%-250px)
我尝试这样做(我正在使用 sass):
.wrapper{
width:100%;
margin: 0 auto;
.left{
width:250px;
float:left;
}
.right{
float:right;
width:100%;
margin-left: 250px;
}
}
那么我该如何解决这个问题呢?
最佳答案
这很简单:http://jsfiddle.net/joplomacedo/ExHzk/ 如果您看不到 fiddle ,这里是 html 和 css。
HTML:
<div class="fixed"></div>
<div class="fluid"></div>
CSS:
.fixed {
float: left;
width: 250px;
}
.fluid {
margin-left: 250px;
}
一边
我遗漏了 wrapper 。它与演示无关。但有一个问题:如果您为包装器指定 100% 的宽度,那么 margin: 0 auto 的用途是什么?你真的需要指定宽度吗?
关于html - Css 设置左固定和右流体布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13032122/