div+css 3列(左右定宽,中间自适应)布局问题 20
2个回答
展开全部
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title></title>
<style>
* {
margin: 0;
padding: 0;
}
.demo {
width: 100%;
}
.aa,
.bb,
.cc {
box-sizing: border-box;
border: 1px solid #000000;
height: 350px;
float: left;
}
</style>
</head>
<body>
<div class="demo">
<div class="aa" style="width: 30%;">
</div>
<div class="bb" style="width: 50%">
</div>
<div class="cc" style="width: 20%;">
</div>
</div>
</body>
</script>
</html>
中间需要宽度多少，需要自己计算一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css有一个属性叫最小宽度，min-width，说的就是当容器能缩小到最小的宽度值，但这个属性IE6不支持，而且效果也不能像你说的那样，因为他是随内容变化的，“右侧的导航栏就自动隐藏”这个用css就更做不出来了，肯定要用到JS要判断什么时候该隐藏，楼主应该去问问JS高手
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
