CSS控制左边固定，右边自由伸展
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.main{position:relative;width:100%}
.left{position:absolute;width:200px;border:solid 1px red; height:200px;}
.right{ margin-left:200px;/*这里距离和左边宽度一样即可*/border:solid 1px red; height:200px;}
</style>
</head>
<body >
<div class="main">
<div class="left">
</div>
<div class="right">
</div>
</div>
</body>
</html>
相关文档：
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="Zend Studio" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery test</title>
</head>
<style>
.lastp{bord ......
body{ background:#FFFFFF; font-size:12px; font-family:‘宋体’, Arial, Helvetica, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,
img{margin:0;padding:0;}
.partA,.partB,.partC,.partD,.partE,.partF,.partG,.partH,.partI,. ......
Data visualization is mostly achieved with flash applications or
with help of some programming languages. Are those solutions the only
way to present, let's say simple data chart? How about giving it a try
with nothing but good ol' css?
Take a look at the Demo
| Download Css Chart
Approach
......
CSS设置
<style type="text/css">
.box {
border:#eee solid 1px;
width:300px;
height:120px;
line-height:120px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
</style>
1.文本
<div class="box">Sample text</div>
Sample text
2.图片(IE下在图片后面加一 ......
position:relative在css设计中有着居住轻重的作用，如果你还没有用过它那么真是巨大的遗憾，以前做过div title提示框的时候有个箭头定位问题，当时的解决办法就是多套用一层div并且留白一定大小，用来背景显示箭头，但是发现箭头永远在下面，没有办法遮盖
主体融合的部分
，所以效果也就不好，当然，聪明的� ......
