css+div模拟frameset布局代码

  css+div模拟frameset布局代码,frameset不利于seo,可以采用css+div的absolute定位来实现frameset布局。

css+div模拟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布局代码

评论(0)Web开发网
阅读(153)喜欢(0)HTML/CSS兼容/XML