• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

织梦吧 - dedecms,网站模板,建站教程,图片素材免费下载

DedeCMS视频教程
当前位置: 织梦吧 > 网页制作 > DIV&CSS >

《十天学会web标准(div+css)》第3天:二列和三列布局(9)

来源: www.dedecms8.com 编辑:织梦吧 时间:2011-01-03点击:

  提示:可以先修改部分代码后再运行

 

八、IE6的3像素bug

3像素bug是IE6的一个著名的bug,当浮动元素与非浮动元素相邻时,这个3像素的Bug就会出现。看下面这个左列固定,右列液态的例子,css代码如下:

body { margin:0;}
#side { float: left; background:#99FF99; height: 300px; width: 120px;}
#main { background: #99FFFF; height: 300px;}

html代码如下:

<div id="side">此处显示 id "side" 的内容</div>
<div id="main">此处显示 id "main" 的内容</div>

下面看看IE6和IE7中的显示效果:

标签: DIV+CSS
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
猜你也喜欢看这些...

热门TagS

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 tom@tiptop.cn ,  QQ