十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
!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便诞生了。