三个div层的排列css，兼容IE,FF等主流浏览器

显示全部楼层 · 2011-11-4 17:26:13

基于你这个要求：Xhtml Code:div3div1div2Css Code:body{ font:12px Arial, Helvetica, sans-serif;}#divall{width:200px;}.div1{background:#eee;float:left;height:50...

千问 · 2011-11-4 17:26:13

你这个实现是很好实现的，问题的关键在于兼容，ie和火狐在处理border的时候有区别：IE的width是包含边框border的,总的宽度是width(包含两个边框，实际内容区是198px;);火狐不包含边框，总的宽度=(width的值+边框border*2);如果说你想让div1占的实际宽度是200px(包含边框);应该这样：width:198px !imp...

千问 · 2011-11-4 17:26:13

New Document
#divall{width:600px;height:400px;}.div1{width:300px;height:200px;background:#F00;float:left;}.div2{width:300px;heig...