首页 > 代码库 > css使后声明的标签显示在前的方法
css使后声明的标签显示在前的方法
具体方法：将后声明的标签的css属性设为absolute。
其余标签：将float属性赋值，且使用margin属性将首个标签推出absolute标签的范围（实测top属性无效）。
目前我的模板里还没有使用这个方法，所以左边栏非常难控制，会在后续版本更改。
demo：
1 <html> 2 <head> 3 <style type="text/css"> 4 5 div.outerDiv { width:72px; height:600px; border: 2px solid black; } 6 div.outerDiv>div { width:60px; height:150px; } 7 div.outerDiv>div.innerFirst { position:absolute; } 8 div.outerDiv>div.innerSecond { float:left; margin-top:160px; } 9 div.outerDiv>div.innerAfter { float:left; }10 11 </style>12 </head>13 14 <body>15 <div class="outerDiv">16 <div class="innerSecond" style="background-color:green;"></div>17 <div class="innerAfter" style="background-color:blue;"></div>18 <div class="innerAfter" style="background-color:yellow;"></div>19 <div class="innerFirst" style="background-color:red;"></div>20 </div>21 </body>22 </html>
css使后声明的标签显示在前的方法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。