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>
相关文档:
注:本学习笔记只是自己的一些备忘,初学者的东西不具有参考性,请到W3School(http://www.w3school.com.cn/css/index.asp)进行系统学习。 学习CSS我使用的工具是Visual CSS,可以实现同步预览,快速学习编辑CSS。 1.CSS的作用:用来规定网页中的内容的显示方式,避免给HTML增加很多的属性而将代码变得臃肿。 2.CSS ......
最近的面试中总是问我一些浏览器兼容性问题,所以下面做一个总结:
为什么会出现这种现象呢?主要就是像Firefox这样浏览器良好支持W3C标准,是目前对CSS支持最好的浏览器,而ie是出现的比较早,在w3c支持方面做的一直不是很好。有很多东西出现FF和IE显示不一样的根本原因在于它们的默认显示不一样,而这个默认样式该如何显 ......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>双色表格CSS实例</title>
<style type="text/css">
#DataGrid1 tr {
background-color: expression(
this.sectio ......