|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。
网页制造poluoluo文章简介：问div仿框架办法的人良多，我对此有对照深切的研讨，但本人历来没有给出过完全的解答与剖析，以为有些对不住蓝色幻想的列祖列宗.
介入测试的扫瞄器：IE6/IE7/IE8/FF3/OP9.6/SF3/Chrome2
操纵体系：Windows
问如许的成绩的人良多，我对此有对照深切的研讨，但本人历来没有给出过完全的解答与剖析，以为有些对不住列祖列宗。
先请看demo：
运转代码框<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="author"content="Chomo"/><linkrel="start"href="http://www.14px.com"title="Home"/><title>div仿框架结构</title><styletype="text/CSS">*{margin:0;padding:0;list-style:none;}html{height:100%;overflow:hidden;background:#fff;}body{height:100%;overflow:hidden;background:#fff;}div{background:#f60;line-height:1.6;}.top{position:absolute;left:10px;top:10px;right:10px;height:50px;}.side{position:absolute;left:10px;top:70px;bottom:70px;width:200px;overflow:auto;}.main{position:absolute;left:220px;top:70px;bottom:70px;right:10px;overflow:auto;}.bottom{position:absolute;left:10px;bottom:10px;right:10px;height:50px;}/*---ie6---*/html{_padding:70px10px;}.top{_height:50px;_margin-top:-60px;_margin-bottom:10px;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}.side{_height:100%;_float:left;_width:200px;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}.main{_height:100%;_margin-left:207px;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}.bottom{_height:50px;_margin-top:10px;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}</style></head><body><divclass="top"></div><divclass="side"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div><divclass="main"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div><divclass="bottom"></div></body></html>
[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]
人人看到，此时div的实践高宽，完整由left/right/top/bottom这四个属性所掌控着，因而我们即可以借助这个特征，轻松地完成div仿框架的效果了：
运转代码框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="author"content="Chomo"/><linkrel="start"href="http://www.14px.com"title="Home"/><title>div仿框架结构-依据这个特征，一个仿框架的div结构就十分简单了</title><styletype="text/css">*{margin:0;padding:0;list-style:none;}html,body{height:100%;overflow:hidden;background:#fff;}div{background:#f60;line-height:1.6;}.top{position:absolute;left:10px;top:10px;right:10px;height:50px;}.side{position:absolute;left:10px;top:70px;bottom:70px;width:200px;}.main{position:absolute;left:220px;top:70px;bottom:70px;right:10px;}.bottom{position:absolute;left:10px;bottom:10px;right:10px;height:50px;}</style></head><body><divclass="top"></div><divclass="side"></div><divclass="main">使用overflow:hidden往失落了默许存在的转动条，再依据上文中先容的结构特征，一个仿框架的div结构就十分简单了</div><divclass="bottom"></div></body></html>
[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]
让我们将应当有转动条的中央的转动条效果折腾出来：
运转代码框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="author"content="Chomo"/><linkrel="start"href="http://www.14px.com"title="Home"/><title>div仿框架结构-加上转动条，一个div仿框架的基本概型已完成</title><styletype="text/css">*{margin:0;padding:0;list-style:none;}html,body{height:100%;overflow:hidden;background:#fff;}div{background:#f60;line-height:1.6;}.top{position:absolute;left:10px;top:10px;right:10px;height:50px;overflow:auto;}.side{position:absolute;left:10px;top:70px;bottom:70px;width:200px;overflow:auto;}.main{position:absolute;left:220px;top:70px;bottom:70px;right:10px;overflow:auto;}.bottom{position:absolute;left:10px;bottom:10px;right:10px;height:50px;overflow:auto;}</style></head><body><divclass="top"></div><divclass="side"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div><divclass="main"><br/><br/><br/>加上转动条，一个div仿框架的基本概型已完成<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div><divclass="bottom"></div></body></html>
[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]
<P>
网页制造poluoluo文章简介：问div仿框架办法的人良多，我对此有对照深切的研讨，但本人历来没有给出过完全的解答与剖析，以为有些对不住蓝色幻想的列祖列宗.
以上办法实在早已由wiseinfo在Html+CSS构建B/S布局软件界面―结构篇―position体例中举行过先容，在该文中，ie6亦是分而治之的，它的办法是在html代码顶部到场“<?xmlversion=”1.0″encoding=”UTF-8″?>”，使得ie6进进quirksmode（奇异形式）来完成ie6下的div仿框架，但如许做将呈现一些影响对照明显的坏处：
- quirksmode下的ie6连盒模子都变了，就是说你在页面中写任何内容就要慎用padding和border，何况quirksmode下的变更还不止这一点。
- 假如底部利用相对定位，则会产生“相对定位基工具（在此为body）高度为偶数时，呈现1px清闲”的bug。
运转代码框
<?xmlversion="1.0"encoding="UTF-8"?><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="author"content="Chomo"/><linkrel="start"href="http://www.14px.com"title="Home"/><title>div仿框架结构-将ie6导进了quirksmode（奇异形式），很有坏处</title><styletype="text/css">*{margin:0;padding:0;list-style:none;}.div1{background:#fc0;line-height:1.6;width:400px;height:100px;border:50pxsolid#f60;padding:20px;}.div2{background:#f60;line-height:1.6;width:400px;height:100px;position:absolute;bottom:0;left:0;}</style></head><body><divclass="div1">该页面请在ie6和非ie6下对照，ie6下连盒模子都变了，就是说你在页面中写任何内容就要慎用padding和border，何况quirksmode下的变更还不止这一点。</div><divclass="div2">假如底部利用相对定位，则会产生“相对定位基工具（在此为body）高度为偶数时，呈现1px清闲”的bug。<br/>您能够试着改动扫瞄器的巨细举行观察。</div></body></html>
[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]
因而我们必要另辟门路。
在良多次失利以后，我终究发明有一个标签能够救ie6于安居乐业，那就是最巨大的“<html>”标签，它承继了ie6quirksmode（奇异形式）下的盒模子形态。
运转代码框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="author"content="Chomo"/><linkrel="start"href="http://www.14px.com"title="Home"/><title>div仿框架结构-ie6中，巨大的<html>标签承继了ie6quirksmode（奇异形式）下的盒模子形态</title><styletype="text/css">*{margin:0;padding:0;list-style:none;}html{padding:50px;height:100%;background:#f60;overflow:hidden;background:#fff;}body{height:100%;background:#fc0;overflow:auto;line-height:1.6;}</style></head><body><br/><br/><br/>请利用ie6扫瞄本页面<br/>ie6中，巨大的<html>标签承继了ie6quirksmode（奇异形式）下的盒模子形态<br/>如许，我们便有了无隙可乘<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></body></html>
[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]
使用这一点，我们能够在不太轻松的调剂以后完成以下效果：
运转代码框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="author"content="Chomo"/><linkrel="start"href="http://www.14px.com"title="Home"/><title>div仿框架结构-先分出三行来</title><styletype="text/css">*{margin:0;padding:0;list-style:none;}html{padding:70px10px;height:100%;background:#fff;overflow:hidden;}body{height:100%;background:#fff;overflow:hidden;}div{background:#f60;line-height:1.6;}.top{height:50px;margin-top:-60px;margin-bottom:10px;position:relative;}.main{height:100%;}.bottom{height:50px;margin-top:10px;position:relative;}</style></head><body><divclass="top"></div><divclass="main">先分出三行来（请在ie6下扫瞄）</div><divclass="bottom"></div></body></html>
[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]
<P>
网页制造poluoluo文章简介：问div仿框架办法的人良多，我对此有对照深切的研讨，但本人历来没有给出过完全的解答与剖析，以为有些对不住蓝色幻想的列祖列宗.
再用下我们的二列结构常识来完成终极形状，在此我们将艳遇出名的3pxbug（不喜好它能够找点其余举措）：
运转代码框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="author"content="Chomo"/><linkrel="start"href="http://www.14px.com"title="Home"/><title>div仿框架结构-再分出两列</title><styletype="text/css">*{margin:0;padding:0;list-style:none;}html{padding:70px10px;height:100%;background:#fff;overflow:hidden;}body{height:100%;background:#fff;overflow:hidden;}div{background:#f60;line-height:1.6;}.top{height:50px;margin-top:-60px;margin-bottom:10px;position:relative;}.side{height:100%;float:left;width:200px;overflow:auto;position:relative;}.main{height:100%;margin-left:207px;overflow:auto;position:relative;}.bottom{height:50px;margin-top:10px;position:relative;}</style></head><body><divclass="top"></div><divclass="side"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div><divclass="main"><br/><br/><br/>再分出两列（仍是请在ie6下扫瞄）<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div><divclass="bottom"></div></body></html>
[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]
如今我们具有了ie6的仿框架和非ie6的div仿框架的终极形状，只必要使用hack做个复杂的加法例行了：
（固然，统一属性写两遍，前面的属性所对应的值将掩盖前者，这个基本的优先级基本人人还必要温故一下。）
（再“固然”一下――固然，有人对hack切齿腐心，那末请在利用之前，浏览此文看看是不是能消消心头之恨。）
运转代码框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="author"content="Chomo"/><linkrel="start"href="http://www.14px.com"title="Home"/><title>div仿框架结构-让我们荡起双桨</title><styletype="text/css">*{margin:0;padding:0;list-style:none;}html{height:100%;overflow:hidden;background:#fff;}body{height:100%;overflow:hidden;background:#fff;}div{background:#f60;line-height:1.6;}.top{position:absolute;left:10px;top:10px;right:10px;height:50px;}.side{position:absolute;left:10px;top:70px;bottom:70px;width:200px;overflow:auto;}.main{position:absolute;left:220px;top:70px;bottom:70px;right:10px;overflow:auto;}.bottom{position:absolute;left:10px;bottom:10px;right:10px;height:50px;}/*---ie6---*/html{_padding:70px10px;}.top{_height:50px;_margin-top:-60px;_margin-bottom:10px;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}.side{_height:100%;_float:left;_width:200px;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}.main{_height:100%;_margin-left:207px;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}.bottom{_height:50px;_margin-top:10px;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}</style></head><body><divclass="top"></div><divclass="side"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div><divclass="main"><br/><br/><br/>让我们荡起双桨<br/>一个兼容性很好的div仿框架的基本概型便完成了<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div><divclass="bottom"></div></body></html>
[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]
它很壮大而有用，真的：
运转代码框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="author"content="Chomo"/><linkrel="start"href="http://www.14px.com"title="Home"/><title>div仿框架结构-假如您有丰厚的设想力，还能够玩些更安慰的</title><styletype="text/css">*{margin:0;padding:0;list-style:none;}html,body{height:100%;overflow:hidden;background:#fff;}div{background:#f60;line-height:1.6;}.top{position:absolute;left:10px;top:10px;right:10px;height:50px;}.side{position:absolute;left:10px;top:70px;bottom:70px;width:200px;overflow:auto;}.main{position:absolute;left:220px;top:100px;bottom:100px;right:10px;overflow:auto;}.bottom{position:absolute;left:10px;bottom:10px;right:10px;height:50px;}.mainTop{position:absolute;height:30px;top:60px;left:220px;right:10px;}.mainBottom{position:absolute;height:30px;bottom:60px;left:220px;right:10px;}/*---ie6---*/html{_padding:100px10px;}.top{_margin-top:-90px;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}.side{_height:100%;_padding:30px0;_margin-top:-30px;_float:left;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}.main{_height:100%;_margin-left:207px;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}.bottom{_position:relative;_top:0;_right:0;_bottom:0;_left:0;}.mainTop{_margin-bottom:10px;_margin-left:210px;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}.mainBottom{_margin-top:10px;_margin-left:207px;_position:relative;_top:0;_right:0;_bottom:0;_left:0;}</style></head><body><divclass="top"></div><divclass="mainTop"></div><divclass="side"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div><divclass="main"><br/><br/><br/>假如您有丰厚的设想力，还能够玩些更安慰的。<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div><divclass="mainBottom"></div><divclass="bottom"></div></body></html>
[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]
你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint。 |
|
|Archiver|手机版|仓酷云
鄂ICP备14007578号-2
发表于 2015-1-15 23:56:35
收藏
转播
分享
淘帖
顶
踩
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜