189 8069 5689
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
创新互联公司专注于祁阳网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供祁阳营销型网站建设，祁阳网站制作、祁阳网页设计、祁阳网站官网定制、重庆小程序开发服务，打造祁阳网络公司原创品牌,更为您提供祁阳网站排名全网营销落地服务。
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
style type="text/css"
*{margin:0;padding:0}
.left{width:400px;height:500px;float:left;background:#f00}
.right{width:400px;height:500px;float:left;margin-left:10px;display:inline;background:#ccc}
/style
/head
body
div class="left"
/div
div class="right"
/div
/body
/html
要是修改背景颜色就是上面的那样
如果修改层里面字体颜色就多写个color
[img]楼上的不懂就不要乱讲，iframe 不适合网站优化，因为frame里的内容百度谷歌等搜索引擎根本抓取不到；此外div可以设置高度和宽度。
解决办法是：左右分栏，显然是一个div在左侧，一个div在右侧。
左侧的div的css样式是：float：left;width;70%;
右侧的div的css样式是：margin-left;70%; width:30%;
其他的你自己细微调一下。
在这两个div下面，加上一个div清除左右侧浮动元素，比如，div style="clear:both"/div.就行了。
你犯了一个细节错误。我刚查看了你的css，为什么fr有效，fl却无效。因为你fl上面的样式属性写错了.clearfix(zoom:1)应该是.clearfix{zoom:1}。是{}大括号，所以造成了fl无效。
所谓左右布局，既一个div在左边，一个div在右边。用浮动定位可以实现左右布局，也可以用弹性布局实现左右布局效果。
1、新建html文件。
2、创建两个div，并赋予id。
3、为两个div设置宽高和背景，并设置左右浮动。
4、预览效果如图。
5、创建第三个div。
6、为第三个div设置宽高和背景。
7、预览效果如图。
注意事项：
随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。