div+css 布局的一个兼容问题

div+css 布局的一个兼容问题

wenjibo12345 · 2017-8-25 21:32:35

很明显，没事设个浮动干嘛，再就是一个很严重的问题。你的标签里不放标签，却把本来属于标签下的放在下面，而且在下放很明显是错误的写法。兼容上绝对出问题。别小看这些问题，在IE8跟firefox下或许没问题，但在IE6多半都会出问题。其它的倒觉得没什么。虽说浮动的元素没有高度，但是你这问题好像不是浮动的问题。建议这样写

[品种专栏]豆类玉米
豆类
玉米
棕榈油
棉花
白糖
菜籽油

我这里只是把换成了把标签换成了本来就属于下面的标签这样就不会出错了
不信你试试，当然你的CSS也得跟着改一下，因为你的html标签已经换了

taoxiaoll · 2017-8-25 21:32:34

试试设置下面出来的框，clear:left;加上这个代码，清除左浮动。

热心网友 · 2017-8-25 21:32:33

css
.div{ width:**px; height:**px;}
.h5{ font-weight:600;}
.div ul { list-style:none;}
.div ul li { float:left;}

[品种专栏]
豆类
豆类
豆类
豆类
豆类
豆类
豆类

compaqhpcq · 2017-8-25 21:32:32

你可以看看其他的CSS布局，建议使用Dreweaver 编写HTML 代码，他的兼容性主流浏览器都能正常显示！试试Style="float:left“...

hqjijun · 2017-8-25 21:32:31

浮动没有被清除的原因,把你的代码粘上来

hanpu1802 · 2017-8-25 21:32:30

css代码那块改下就可以了！

.info4 .info4_mid .info4_mid_R ul {display: block;width: 652px;float: left;_float:none;text-align:left;}
.info4 .info4_mid .info4_mid_R dd {float: left;_float:none;margin-left: 6px; margin-right: 6px;padding-top: 8px;height:14px;white-space:nowrap;}

div+css 布局的一个兼容问题

6 个回复

浏览过的版块