国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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)文章:
主站蜘蛛池模板: 欧美成人精品一区二区 | 国产一区二区精品久 | aaa级毛片 | 欧美成人午夜影院 | 亚洲乱人伦精品图片 | 高清一级淫片a级中文字幕 高清一区二区 | 亚洲经典三级 | 亚洲网站免费观看 | 国产91精品一区 | 女人aaaaa片一级一毛片 | 日本欧美在线视频 | 国产一区二区亚洲精品 | 99久久精品国产免费 | 久久国产一级毛片一区二区 | 国产成人一区二区三区在线播放 | 高清一级片 | 日本精品一区二区三区在线视频 | 欧美日韩成人在线视频 | 国产精品久久久久久久免费 | 99视频网址 | 一级欧美过瘾大片 | 久草在线新免费 | 手机在线黄色 | 欧美丰满大乳大屁股毛片 | 国内精品久久久久久久星辰影视 | 蘑菇午夜三级 | 亚洲第一成年免费网站 | 久久99热成人精品国产 | 德国女人一级毛片免费 | 男人的天堂毛片 | 亚洲一级大片 | 精品国产日韩亚洲一区在线 | 色三级大全高清视频在线观看 | 香蕉视频国产精品 | 大焦伊人 | 欧美精品亚洲一区二区在线播放 | 久草视频中文在线 | 美国黑人特大一级毛片 | 高清一级淫片a级中文字幕 高清一区二区 | 高清在线一区二区三区亚洲综合 | 日本强不卡在线观看 |