position的值为absolute或fixed时，优先级高于float

最新推荐文章于 2020-09-26 15:16:30 发布

Night_Emperor

最新推荐文章于 2020-09-26 15:16:30 发布

阅读量1.4k

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/Night_Emperor/article/details/74608637

版权

CSS 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>  
<html>  
<head>  
    <title>demo</title>  
    <meta charset="utf-8">  
    <style type="text/css">  
        .c-1{  
            background-color: red;  
            width: 120px; 
            height: 120px; 
        }  
        .c-2{  
            background-color: yellow;  
            width: 50px;
            height: 50px;   
        }  
        .c-3{  
            background-color: blue;  
            width: 100px; 
            height: 100px; 
        }  
    </style>  
</head>  
<body> 
    <div class="container" style="position:absolute; border:1px solid green;width:500px;">  
        <div class = "c-1"></div>  
        <div class = "c-2" style = "position:absolute;top: 10px;left: 10px;float:right; display:inline;"></div>  
        <div class = "c-3" ></div>
    <div>    
</body>  
</html>

这里写图片描述

display的值由inline变成了block，float的值由right变成了none。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Night_Emperor

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
position的值为absolute或fixed时，优先级高于float

<!DOCTYPE html> <html> <head> <title>demo</title> <meta charset="utf-8"> <style type="text/css"> .c-1{ background-color: red; width: 120px;
复制链接

扫一扫