国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css怎么讓子盒子是正方形,CSS子盒子正方形設(shè)定方法

前端小編 4 0

在CSS中,要使子盒子成為正方形,需要滿足兩個條件:一是盒子的寬度和高度相等,二是盒子的邊框和填充為0,下面是一些示例代碼:

1、創(chuàng)建一個正方形子盒子:

.parent {
  position: relative;
  width: 200px;
  height: 200px;
}
.child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
}

在這個示例中,.parent 是父盒子的樣式,.child 是子盒子的樣式,子盒子被設(shè)置為***定位,并填充整個父盒子的寬度和高度,同時邊框和填充為0。

2、創(chuàng)建一個正方形子盒子,使用box-sizing 屬性:

.parent {
  position: relative;
  width: 200px;
  height: 200px;
}
.child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  box-sizing: border-box;
}

在這個示例中,box-sizing 屬性被設(shè)置為border-box,這意味著盒子的寬度和高度包括邊框和填充,子盒子將填充整個父盒子的寬度和高度,同時保持正方形的形狀。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
亚洲综合色av| 国产h自拍| 精品人妻互换一区二区三区免费 | 国产精品永久久久久久久久久| 久久夜夜夜| 996久久国产精品线观看| 久久性片| 国产精品中文字幕一区二区| 帅哥av| 亚洲精品一区二区三区白峰| 国产黄片在线视频| 夜夜高潮夜夜爽精品视频| 在线成人小视频| 伦片丰满丰满午夜电影| 精品福利一区二区三区| HULUWA官方下载APP| 天天日,天天干,天天射| 色噜噜一区二区| 日韩欧美视频免费在线观看| 国产一区二区伦理| 熟妇高潮69xx| 亚洲一区熟女| 亚洲精品av在线观看| 久久久久水蜜桃| 国产日产久久久久久| 午夜福利一区二区三区免费播放 | 天堂va欧美va亚洲va在线| 精品综合久久久久久888蜜桃| 日本人妻巨大乳挤奶水| 欧美人与牲动交xxxx| 精品欧美一区二区久久久| 国产精品成人AV片免费看| av免费看在线| 忘穿内裤被同桌c了好爽黄文| 欧美国产综合欧美视频| 成人十八禁在线观看| 成人做爰www免费看视| 色情WWW.556在线观看| 国产又粗又猛又黄视频| 大地资源网中文第二页的在线观看 | 17岁日本高清免费观看完整版|