国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

css - calc()設(shè)置寬度等于自身的高度?

瀏覽:152日期:2023-07-22 16:10:56

問題描述

代碼如下:

p{ height: 50vw; width: -moz-calc(height); width: -webkit-calc(height); width: calc(height); background:#c7c7c7;}

控制臺輸出結(jié)果

css - calc()設(shè)置寬度等于自身的高度?

calc() 沒有這種用法嗎 如果沒有 該如何讓自身寬度等于自身高度呢?

問題解答

回答1:

calc里面不能直接用height,要是高度和寬度相等有以下三種方法:

p{ width:20vw; /* viewport 的20% */ height:20vw; background-color:green; margin-bottom:20px;}

2.

p{ width:20%; padding-top:20%; /* padding相對于父容器的寬度作為對比 */ background-color:yellow; margin-bottom:20px;}

3.

p{ width: 20%; background-color:orange;}p:before{ content:’’; padding:50% 0;/* 此時padding相對于width:20%; */ display:inline-block;}

參考:演示

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 国产成年人 | 韩国一级毛片在线观看 | 理论片日韩 | 狠狠色综合色综合网站久久 | 国产毛片a| 亚洲精品自拍视频 | 九九re6精品视频在线观看 | 亚洲欧美自拍一区 | 亚洲一区二区三区免费看 | 日韩三级小视频 | 国产精品一区二区久久精品 | 欧美专区一区 | 亚洲 欧美 手机 在线观看 | 久久精品免费i 国产 | 日韩视频久久 | 美国毛片网 | 国产综合在线视频 | 日韩黄色毛片 | 国产人成免费视频 | 日本a级片免费看 | 国产精品一级香蕉一区 | 九九视频在线观看6 | 亚洲成人福利在线 | 成人精品免费视频 | 国产精品青草久久福利不卡 | 国产成人综合亚洲亚洲欧美 | 国产深夜福利视频网站在线观看 | 日韩精品在线播放 | 国产成人18黄网站免费 | 成人精品视频一区二区在线 | 手机日韩理论片在线播放 | 亚洲人成高清 | 精品三级国产 | 日韩专区亚洲精品欧美专区 | 国产一区二区三区四区波多野结衣 | 99久久精品国产片久人 | 亚洲精品三区 | 亚洲欧美综合国产不卡 | 美女黄页网站 | 国产香蕉国产精品偷在线观看 | 国产在线精品二区韩国演艺界 |