码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-09-30 15:49:39      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   os   使用   ar   sp   

具体方法:将后声明的标签的css属性设为absolute。

其余标签:将float属性赋值,且使用margin属性将首个标签推出absolute标签的范围(实测top属性无效)。

目前我的模板里还没有使用这个方法,所以左边栏非常难控制,会在后续版本更改。

demo:

 

bubuko.com,布布扣
 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

 

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

标签:style   blog   http   color   io   os   使用   ar   sp   

原文地址:http://www.cnblogs.com/myKennel/p/4001767.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!