建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

并排的两个div自适应高度

时间:2011-09-15 10:24来源: 作者: 点击:
网上应该还有很多办法,听说的有纯CSS方法、js实现div自适应高度。可是我没一个试验成功的。想来应该是可以的,高手快现身赐教吧- -!嘿嘿 虽然是网上找的方法,但是这个思路也是自己第一个想到的,即加背景 XHTML代码: test.html <body> <div id=body>  

网上应该还有很多办法,听说的有纯CSS方法、js实现div自适应高度。可是我没一个试验成功的。想来应该是可以的,高手快现身赐教吧- -!嘿嘿

虽然是网上找的方法,但是这个思路也是自己第一个想到的,即加背景
XHTML代码:
test.html

<body>
<div id=body>
  <div id=leftbox>左边的div</div>
  <div id=content>右边的div</div>
  <div class="clear"></div>
</div>
</body>

CSS代码:
test.css 

#leftbox{
width:236px;
float:left;
background-color:#993;
}
.clear{
clear:both;
}
#content{
width:740px;
float:right;
background-color: #9C6;
}

大家遇到此类问题的话可以参考一下,测试ie678,firefox,谷歌都兼容。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片