宽度自适应布局

margin负值权威指南 http://blog.163.com/zhengqi_sheng/blog/static/21432319120135494122645/

处理浮动元素的对齐问题

 

solution1、

宽度自适应的元素放在上面。

<div id="box">

　　<p id="right">右侧</p>

</div>

固定宽度元素放在下面

<div id="left">左侧</div>

<style>

　　#box{float:left;width:100%;height:400px;}

　　　　#right{margin-left:200px;}

　　#left{float:left;width:190px;margin-left:-100%;height:400px}

</style>

------------------------------------------------------------------------------------------------------------------------------------------

solution2

<div id="left">左侧</div>

<div id="box">

　　<p id="right">右侧</p>

</div>

 

<style>

　　#left{float:left;position:relative;width:190px;height:400px;margin-right:-190px;}

　　#box{float:right;width:100%}

　　　　#right{margin-left:200px;}

</style>