div 设置成float以后,与非浮动div之间有间隙

时间:浏览539次 发布人:hao19712008

div 设置成float以后,与非浮动div之间有间隙

已解决问题

谷歌hao19712008用户在浏览539次提交了关于“荀子div 设置成float以后,与非浮动div之间有间隙”的提问,欢迎大家涌跃发表自己的观点。目前共有1个回答,最后更新于2023-12-16T22:08:40。三个div,第一个左浮动,设置宽度,第二个右浮动,设置宽度,第三个不做特别设定,使其位于左右两个div的中间。
但是在IE下(IE9)div间有明显间隙。(搜浏览器的高速模式下正常无缝隙)
我也网上找过些解决方法,说是第三个也设成浮动就不会有间隙了。我试着改成左浮动,左边是没间隙了,但右边还有,更离谱的是,这时候在搜的高速模式以及火狐下第三个div居然换到下一行了。。。
这到底怎么解决?一般左中右的div布局都是怎么实现的?希望大家能够帮助她。

详细问题描述及疑问:三个div,第一个左浮动,设置宽度,第二个右浮动,设置宽度,第三个不做特别设定,使其位于左右两个div的中间。
但是在IE下(IE9)div间有明显间隙。(搜浏览器的高速模式下正常无缝隙)
我也网上找过些解决方法,说是第三个也设成浮动就不会有间隙了。我试着改成左浮动,左边是没间隙了,但右边还有,更离谱的是,这时候在搜的高速模式以及火狐下第三个div居然换到下一行了。。。
这到底怎么解决?一般左中右的div布局都是怎么实现的?期待您的答案,不知道说什么,送你一朵小红花吧 !

希望以下的回答,能够帮助你。

第1个回答

用户名:CUZ..s来自o  

首先初学没必要深究几个浏览器兼容问题,你能画娘陆室做到IE6+就可以了
次,你最后问的问题,左中右布局才是问题关键
首先,三个DIV需要在一个容器中,也就是三个DIV外面还有一个D质环验调根IV收养这三个家伙。然后**的DIV需要一个宽度,这里给你假设是800px,那么换言之,里面三个DIV的宽度总和小于等于800px,否则其中的一个会被欺属阶室响额个哥阶负到下一行。假设左右DIV宽度为300px,那么中间就是等于200px,你可以设固定值,也么构远可以干脆设宽度为100%,这样它会自己计算。
这里,思路就基本完事儿了,其中需要注意的是,div的边框和ma问答rgin,pad独输好介ding值如果有的话,也要计算到宽度计算中。

现在分析一下你问题所在,第一个左浮动,第二个右浮动,第三个无设置,这样的做法当初很流行,本来顺序应该左浮动,无设置,右为唱异部不浮动,但这样会造成错位,反逐参己能过就可以解决。
其实简白点做法,就是第一个和第二个都是左浮动,第三个右浮动,重点是:在第三个DIV中再加入一个clear:right;就茶京量宜超原厚跟告向宪完事儿了,这个不加,是不行地~

猜测你出现间隙的原因无非就是宽度值没有设定准确,其次消除div的margin和padding值,设为0,基本就没有问题了

仍有问题,站内消息