Rumah > hujung hadapan web > html tutorial > css使用float后,如果把浏览器界面缩小,则盒子飘到下面去了。_html/css_WEB-ITnose

css使用float后,如果把浏览器界面缩小,则盒子飘到下面去了。_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 12:21:14
asal
1519 orang telah melayarinya

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>
Salin selepas log masuk

如果将浏览器界面缩小,则二三两个盒子有飘到第一个盒子的下面去了,如何解决?


回复讨论(解决方案)

在一开始界面最大化是这样的: 口口口
把浏览器界面缩小后就变成了:口


怎么把它弄成:口口口 而不随界面的改变而变动?

<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>
Salin selepas log masuk

用table把两个模块苦丁就可以了。。。

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan