div+css 3列(左右定宽,中间自适应)布局问题 90
本人学div+CSS有段时间了,一直都有个问题.请高手赐教.问题如题.左右定宽,中间自适应的三列布局.做好后.当缩小浏览器窗口,右侧的导航栏会挤压中间的内容.当中间的内容...
本人学div+CSS有段时间了,一直都有个问题.请高手赐教. 问题如题.左右定宽,中间自适应的三列布局.做好后.当缩小浏览器窗口,右侧的导航栏会挤压中间的内容.当中间的内容已经没有空间给右侧导航栏时,中间的内容会流到下面去(这是IE6中的情况),我现在想要控制他当浏览器缩小挤压中间内容的空隙,当浏览器缩小中间再没有空隙时,中间的内容就不再变化,当再缩小时右侧的导航栏随浏览器窗口自动隐藏.
不知道叙述是否详细.有哪位高手能给个答案. 是不是要用到JS啊.
大体代码是这样的
.left{
width:142px;
float:left;
}
.center{
margin-left:142px;
margin-right:166px;
}
.right{
float:right;
width:166px;
}
</style>
<body>
<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
</body>
这种代码和再用一个DIV嵌套在中间和右边效果是一样的``
我都试过了`` 就请各位不要来粘贴3列布局的代码了.
我中间内容是一个表格.现在就是想当浏览器缩小后将这个表格内的空隙挤压完后,就不再变化了, 当再缩小浏览器,右侧的导航栏就自动隐藏. 展开
不知道叙述是否详细.有哪位高手能给个答案. 是不是要用到JS啊.
大体代码是这样的
.left{
width:142px;
float:left;
}
.center{
margin-left:142px;
margin-right:166px;
}
.right{
float:right;
width:166px;
}
</style>
<body>
<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
</body>
这种代码和再用一个DIV嵌套在中间和右边效果是一样的``
我都试过了`` 就请各位不要来粘贴3列布局的代码了.
我中间内容是一个表格.现在就是想当浏览器缩小后将这个表格内的空隙挤压完后,就不再变化了, 当再缩小浏览器,右侧的导航栏就自动隐藏. 展开
3个回答
展开全部
css有一个属性叫最小宽度，min-width，说的就是当容器能缩小到最小的宽度值，但这个属性IE6不支持，而且效果也不能像你说的那样，因为他是随内容变化的，“右侧的导航栏就自动隐藏”这个用css就更做不出来了，肯定要用到JS要判断什么时候该隐藏，楼主应该去问问JS高手
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#content{
width:600px;
height:300px;
overflow:hidden
}
#a,#b,#c {
float:left;
width:200px
}
<div id="content">
<div id="a">aaa</div>
<div id="b">bbb</div>
<div id="c">ccc</div>
</div>
width:600px;
height:300px;
overflow:hidden
}
#a,#b,#c {
float:left;
width:200px
}
<div id="content">
<div id="a">aaa</div>
<div id="b">bbb</div>
<div id="c">ccc</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个问题单用CSS无法解决.只能通过JS对浏览器的判断来实现
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
