css使后声明的标签显示在前的方法

浏览数：46 / 时间：2015年06月09日

具体方法：将后声明的标签的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>
View Code

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style src html 使用 com log 方法 http class style src html 使用 com log 方法 http

相关文章

随机文章

您可能还喜欢

您可能还喜欢