问个菜鸟DIV浮动问题_html/css

来源：动视网责编：小采时间：2020-11-27 15:47:52

问个菜鸟DIV浮动问题_html/css

问个菜鸟DIV浮动问题_html/css_WEB-ITnose: ss CSS里面是这样的 #main { margin:12px 0px 0px 0px; width:100%; height:600px; } #main-left { width:660px; height:553px; float:left; } #main-right1 { width:300px

推荐度：

点击下载本文 文档为doc格式

导读问个菜鸟DIV浮动问题_html/css_WEB-ITnose: ss CSS里面是这样的 #main { margin:12px 0px 0px 0px; width:100%; height:600px; } #main-left { width:660px; height:553px; float:left; } #main-right1 { width:300px

CSS里面是这样的
#main
{
margin:12px 0px 0px 0px;
width:100%;
height:600px;
}

#main-left
{ width:660px;
height:553px;
float:left;
}

#main-right1
{
width:300px;
height:100px;
}
。
问题来了，为什么main-right1不会在main-left的右边围绕着，而是在main-left的下面，甚至溢出了main这个DIV。
如果把 width:300px;max-height:100px;删掉，main-right1就围绕在main-left的右边

回复讨论(解决方案)

另外，你的main DIV的width是100%；当浏览器缩小时，肯定会有溢出的。。

简单调试了下:你看看，中间那个红色的可以当作空白来用.

tiaoshi :在调试的时候用的，可以选择性的删掉.

#main{margin:12px 0px 0px 0px;width:100%;height:600px;}#main-left{ width:660px; height:553px; padding:auto; margin:auto; background-color:#cccccc;/*tiaoshi*/ float:left;}#blank{ /*tiaoshi*/	width:10px;	height:100px;	float:left;	margin:auto;	background-color:red;/*tiaoshi*/}#main-right1{ width:300px; height:100px; padding:auto; margin:auto; background-color:blue;/*tiaoshi*/}