Maison > Article > interface Web > css使用float后，如果把浏览器界面缩小，则盒子飘到下面去了。_html/css_WEB-ITnose
css使用float后，如果把浏览器界面缩小，则盒子飘到下面去了。_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:21:141446parcourir
CSS 界面 HTML float 定位
我弄个简单例子:<head><style type="text/css"> /*自定义盒子的大小*/ div{ border:#999 solid 1px; height:200px; width:300px;} #div_1{background-color:#0FF; float：left; } #div_2{background-color:#F0F; float:left; } #div_3{background-color:#FF0; } </style></head><body> <div id="div_1">第一个盒子</div> <div id="div_2">第二个盒子</div> <div id="div_3">第三个盒子</div></body> 如果将浏览器界面缩小，则二三两个盒子有飘到第一个盒子的下面去了，如何解决？
回复讨论(解决方案)
在一开始界面最大化是这样的： 口口口
把浏览器界面缩小后就变成了：口
口
口
怎么把它弄成：口口口 而不随界面的改变而变动？
<body> <html style="min-width:906px;overflow-x:auto;"> <div id="div_1">第一个盒子</div> <div id="div_2">第二个盒子</div> <div id="div_3">第三个盒子</div> </html></body>
用table把两个模块苦丁就可以了。。。
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：在css里写#C9D9F2，鼠标放上就能显示出这个颜色，非常直观。有谁知道这是什么插件？？_html/css_WEB-ITnoseArticle suivant：iframe的问题，如何让另一个iframe刷新_html/css_WEB-ITnose