css+div模拟frameset布局代码
css+div模拟frameset布局代码,frameset不利于seo,可以采用css+div的absolute定位来实现frameset布局。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <title>css+div模拟frameset布局代码</title> <style> body{margin:0px} #top{height:100px;background:#eee;position:absolute;z-index:10;width:100%;top:0px;overflow:auto;} #left{position:absolute;top:0px;width:200px;height:100%;background:#ddd;z-index:5;overflow:auto;} #left .content{margin-top:100px;} #right{position:absolute;height:100%;width:100%;background:#ccc;overflow:auto;} #right .content{margin:100px 0px 0px 200px;} </style> <div id="top">top top top top top top</div> <div id="left"> <div class="content">left left left left left</div> </div> <div id="right"><div class="content">right right right right right</div></div>
加支付宝好友偷能量挖...
原创文章,转载请注明出处:css+div模拟frameset布局代码