Heim > Artikel > Web-Frontend > css使用float后，如果把浏览器界面缩小，则盒子飘到下面去了。_html/css_WEB-ITnose
css使用float后，如果把浏览器界面缩小，则盒子飘到下面去了。_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:21:141447Durchsuche
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把两个模块苦丁就可以了。。。
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：在css里写#C9D9F2，鼠标放上就能显示出这个颜色，非常直观。有谁知道这是什么插件？？_html/css_WEB-ITnoseNächster Artikel：iframe的问题，如何让另一个iframe刷新_html/css_WEB-ITnose