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

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

WBOY
Lepaskan: 2016-06-24 12:21:14
asal
1470 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把两个模块苦丁就可以了。。。

sumber:php.cn
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