
css div 三栏布局,三栏都是顶部对齐但是中栏自适应宽度,如何实现?????
cssdiv三栏布局,三栏都是顶部对齐但是中栏自适应宽度,如何实现?????拍出来左右栏都可以绝对定位顶部top0px效果可以实现,但是中栏怎么设置啊??到底要怎么才能实...
css div 三栏布局,三栏都是顶部对齐但是中栏自适应宽度,如何实现?????拍出来左右栏都可以绝对定位 顶部top0px效果可以实现,但是中栏怎么设置啊??到底要怎么才能实现啊 ,margin float position 都是怎么个意思?么时候用?
展开
3个回答
展开全部
其实很简单,用四个DIV。将三个DIV放到一个大的DIV中。然后三个小DIV第一个用float:left;第二个用float:right;第三个不用float也不用position,只需要用margin-left:第一个div的宽度,margin-right:第二个div的宽度。将最大的DIV设置一下min-width属性。以免页面太窄,会将DIV挤下来。
代码如下:
<div class="wrapper">
<div class="left">left </div>
<div class="right">right</div>
<div class="content">center</div>
</div>
<style type="text/css">
.wrapper{min-width:1000px;}
.left{float:left;width:200px;}
.right{float:right;width:200px;}
.content{margin-left:210px;margin-right:210px;}
</style>
代码如下:
<div class="wrapper">
<div class="left">left </div>
<div class="right">right</div>
<div class="content">center</div>
</div>
<style type="text/css">
.wrapper{min-width:1000px;}
.left{float:left;width:200px;}
.right{float:right;width:200px;}
.content{margin-left:210px;margin-right:210px;}
</style>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询