请在Chrome、Firefox、猎豹、360等现代浏览器浏览本站。另外提供付费解决seo优化、企业网站、网络推广、百度排名、网站修改等问题,如果需要请 点击 加我 QQ 说你的需求。

两列DIV高度自适应方法汇总

企业建站 云浮企业建站

网站优化(搜索引擎优化)中,提到过网站款式的优化,即在网站的规划设计中,采用DIV+CSS来规划。网站制站中,我们常常要把两个并排显示的div完成一样高的效果,即每列高度(事前并不能确定哪列的高度)

网站优化(搜索引擎优化)中,提到过网站款式的优化,即在网站的规划设计中,采用DIV+CSS来规划。网站制站中,我们常常要把两个并排显示的div完成一样高的效果,即每列高度(事前并不能确定哪列的高度)的相反,有以下几种办法(办法来源来互联网):
1、JS完成(判别2个div高);
2、纯css办法;
3、加背景图片完成。

&智迅百度关键词排名lt;!doctype html>

<html>

<head>

<meta charset="gb2312">

<title>DIV+CSS左右两列自顺应高度的办法-HTMer</title>

<style type="text/css">

.main{500px;overflow:hidden智迅百度优化;}

.left{width:100px;background-color:#0CC;margin-bottom:-9999px;padding-bottom:9999px;float:left;}

.right{width:400px;background-color:#F00;float:left;}

</style>

</head>

<body>

<div 云浮百度优化class="main">

    <div class="left">左侧内容1</div>

    <div class="right">右侧内容1<br />右侧内容2<br />右侧内容3</div>

</div>

</body>

</html>

 

分享到
  • 微信好友
  • QQ好友
  • QQ空间
  • 腾讯微博
  • 新浪微博
  • 人人网