Skip to content

Instantly share code, notes, and snippets.

@zdying

zdying/两拦布局右侧宽度固定-左侧自适应.html

Created October 15, 2014 02:00
Show Gist options
  • Save zdying/8e9427b25fc325d09044 to your computer and use it in GitHub Desktop.
Save zdying/8e9427b25fc325d09044 to your computer and use it in GitHub Desktop.
Download ZIP
两拦布局右侧宽度固定-左侧自适应
Raw
两拦布局右侧宽度固定-左侧自适应.html
<html>
<head>
<title>两拦布局右侧宽度固定-左侧自适应</title>
<style media="screen">
.con{width: 90%; overflow:hidden; border:1px dashed red}
.right{float: right; width:200px; margin-left:-200px; height:400px; background: green}
.left{float:left; width:100%;}
.main{margin-right:200px; height:500px; background: orange}
</style>
</head>
<body>
<div class="con">
<div class="left">
<div class="main">
</div>
</div>
<div class="right">
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment