div+css 一个div里放两个并列的div。左边的正常，右边的就是上不去。宽度没有超，都写了float
代码：#middle{float:left;width:100%;padding-top:10px;min-height:680px;}#left{float:left;...
代码：
#middle {
float:left;
width:100%;
padding-top:10px;
min-height:680px;
}
#left {
float: left;
width: 209px;
border:#cccccc 1px solid;
}
#right {
width:750px;
float:right;
border:#000000 1px solid;
} 展开
#middle {
float:left;
width:100%;
padding-top:10px;
min-height:680px;
}
#left {
float: left;
width: 209px;
border:#cccccc 1px solid;
}
#right {
width:750px;
float:right;
border:#000000 1px solid;
} 展开
5个回答
展开全部
个人认为应该有两种情况：
第一种是,你的浏览器像素不过：比如（left+right=961<浏览器的宽度。容不下所以就到下面去了！）
第二种是：你在left的div放的东西（比如是img）宽度比div的现有的宽度大。加起来就就超过浏览器（left+right=961=浏览器的宽度，而此时的div宽度不是原来的宽度。所以img的宽度+right>浏览器的宽度了）！
<style type="text/css">
#middle {
float:left;
width:100%;
padding-top:10px;
min-height:680px;
}
#left {
float: left;
width: 30%;
border:#cccccc 1px solid;
overflow:hidden;
}
#right {
width:68%;
float:right;
border:#000000 1px solid;
overflow:hidden;
}
</style>
</head>
<body>
<div id="middle">
<div id="left">left</div>
<div id="right">right</div>
</div>
</body>
</html>
第一种是,你的浏览器像素不过：比如（left+right=961<浏览器的宽度。容不下所以就到下面去了！）
第二种是：你在left的div放的东西（比如是img）宽度比div的现有的宽度大。加起来就就超过浏览器（left+right=961=浏览器的宽度，而此时的div宽度不是原来的宽度。所以img的宽度+right>浏览器的宽度了）！
<style type="text/css">
#middle {
float:left;
width:100%;
padding-top:10px;
min-height:680px;
}
#left {
float: left;
width: 30%;
border:#cccccc 1px solid;
overflow:hidden;
}
#right {
width:68%;
float:right;
border:#000000 1px solid;
overflow:hidden;
}
</style>
</head>
<body>
<div id="middle">
<div id="left">left</div>
<div id="right">right</div>
</div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<HTML>的上面加上这句
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
下面这个是正常的。
<div>
<div id="a1" style="height:180px;width:24%;float:left;"></div>
<div id="a2" style="height:180px;width:24%;float:left;"></div>
<div id="a3" style="height:180px;width:24%;float:left;"></div>
<div id="a4" style="height:180px;width:24%;float:left;"></div>
</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
下面这个是正常的。
<div>
<div id="a1" style="height:180px;width:24%;float:left;"></div>
<div id="a2" style="height:180px;width:24%;float:left;"></div>
<div id="a3" style="height:180px;width:24%;float:left;"></div>
<div id="a4" style="height:180px;width:24%;float:left;"></div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把你的代码放到页面里看是没有问题的，看下自己的浏览器是不是没最大化或是什么别的原因吧，应该不是代码的事儿~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
右边的写个float:right 看看
追问
写了，还是不好使
追答
宽度要加上border 的宽度
吧这2个DIV 的容器的边框也显示出来
看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
加入margin：0，padding：0试试。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
