Question

好吧，我做了一个文件，该文件将用于网站。你知道，我们有不同的设备（个人电脑，卖电话...），所以，我在CSS中用“％”和“ height”加上“％”（我认为“ px”不是好方法。）

“体重”没关系，但是“身高”有问题。 height使用“ px”，但不适用于“％”

我猜，问题的原因是背景的高度，所以我解决了但是，它也不起作用。因此，我修复了填充，边距，边框... 但是，我找不到解决方案。我不知道问题是什么，我该怎么办修复它：（

ps。我使用括号

[这是HTML5代码]

<!doctype html>
<html>
<head>
  <title>PIZZAchoice</title>
  <link rel="stylesheet" href="ChoicePizza.css">
  <meta charset="utf-8">
</head>
<body>

  <div class="company">
   i am tech
    </div>

  <div class ="cho1">
    <p></p>
  </div>
  <div class ="cho2">
    <p></p>
  </div>
  <div class ="cho3">
    <p></p>
  </div>
  <div class ="cho4">
    <p></p>
  </div>


  <div class = "next">
   next
    </div>

</body>
</html>

[这是CSS代码]

.company{
    padding: 1px;
    width: 150px;
    margin-left:2px;
    font-size: xx-large;
    font-weight: 600;
    color: yellow;
}




.cho1, .cho2, .cho3, .cho4 {
  padding: 1px;
  width:   24%;
  height:  40%;
  margin-top: 10px;
  margin-left: 2px;
  margin-right: 2px;
  float:left;

  border-style:ridge;
  border-color:saddlebrown;
  border-width:3px;  
}

.cho1
{
    background-image: url('치즈피자.jpg');
     background-size: 200%;
    background-repeat:no-repeat;
}

.cho2
{
    background-image: url('야채피자.jpg');
     background-size: 207%;
    background-repeat:no-repeat;

}

.cho3
{
     background-image: url('시카고피자.jpg');
     background-size: 206%;
    background-repeat:no-repeat;
}

.cho4
{
    background-image: url('프리슈또.jpg');
     background-size: 
    background-repeat:no-repeat;
}


.next{
    padding: 1px;
    width: 100px;
    height: 50px;

    border-style:ridge;
    border-color:whitesmoke;
    border-width:2px;

    position: absolute;
    top: 90%;
    left: 92%;

    text-align : center;

    font-size: xx-large;
    font-weight: 600;

    background-color: orangered;
    color:white;


}

body{
    background-image: url('선택배경.jpg');
        background-size: 100%;
        background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center


}

Answer 1

父元素需要一个高度值。使您的html和body高度为100％。

如果父元素没有高度值，则子元素无法知道百分比的含义。 “什么的40％？”

我找不到CSS“高度”不起作用的原因

1 个答案: