nbsp;html> html5 <br /> div{ <br /> width: 200px; <br /> height:100px; <br /> <br /> } <br /> #oneDiv{ <br /> border:1px solid black; <br /> float: left; <br /> <br /> } <br /> #twoDiv{ <br /> border:1px solid red; <br /> float: left; <br /> } <br /> <br /> #threeDiv{ <br /> border:1px solid blue; <br /> float: left; <br /> } <br /> <br /> 这里是第一个div里面的内容 这里是第三个div里面的内容 回复讨论(解决方案) . nbsp;html> html5 <br /> div{ <br /> width: 200px; <br /> height:100px; <br /> <br /> } <br /> #outDiv{ <br /> width: 610px; <br /> } <br /> #oneDiv{ <br /> border:1px solid black; <br /> float: left; <br /> <br /> } <br /> #twoDiv{ <br /> border:1px solid red; <br /> float: left; <br /> } <br /> <br /> #threeDiv{ <br /> border:1px solid blue; <br /> float: left; <br /> } <br /> <br /> 这里是第一个div里面的内容 这里是第三个div里面的内容 为啥要设置outDiv的宽度？好像外部div的宽高会被内部div的内容会自动撑满的吧？! #outDiv{ width: 610px; } 为啥要设置outDiv的宽度？好像外部div的宽高会被内部div的内容会自动撑满的吧？! #outDiv{ width: 610px; } div{width: 200px; height:100px;}把所有的div都设置了， 包括outDiv float: left;只是设置如何浮动，又不是强制限制显示在同一行，当父容器宽度不够时会显示在下一行 只有单个元素的宽度超过父容器，父容器才会被撑开
