Question

我有2个像一个列的div。现在的问题是，正确的div高于左边的div。为什么？我想与百分之一起工作。

我在safari中只有这个问题

我希望有人可以帮助我。我不明白这个问题。

<!DOCTYPE html>
<html lang = "de">
    <head>
        <meta charset = "utf-8">
        <link rel = "stylesheet" href = "./css/smartphone/480.css" media = "screen and (min-device-width: 1px) and (max-device-width: 480px)">
        <link rel = "stylesheet" href = "./css/smartphone/1024.css" media = "screen and (min-device-width: 481px) and (max-device-width: 1024px)">
        <link rel = "stylesheet" href = "./css/desktop/desktop.css" media = "screen and (min-device-width: 1025px)">

    </head>
    <body>
                <div id = "links">
                    <div style = "height:20%; background-color:#ECECEC;">
                    </div>
                    <div style = "height: 15%; background-color:#2DAB66;">
                    </div>
                    <div style = "height: 16%; background-color:#ECECEC;">
                    </div>
                    <div style = "height: 15%; background-color:#1E788B;">
                    </div>
                    <div style = "height: 34%; background-color:#ECECEC;">
                    </div>  
                </div>

                <div id = "mitte" >

                </div>

    </body>

</html>

CSS：

body {
    /*margin-top: 1%;
    background-color: white;
    width: auto;
    height: 95%;
    min-height: 95%;*/
    background-color: #3C3C3B;
}


#links {
    width:13%;

    min-height:95%;
    height: auto;
    height: 95%;
    position: absolute;
    float: left;
    left: 12.1%;
}

#mitte {
    left: 25%;
    width: 50%;
    max-height:95.0%;
    height: auto;
    height: 95.0%;
    position: absolute;
    background-color: white;
}

Answer 1

它可能与浏览器的默认样式有关。尝试在自定义样式之前添加reset.css文件，看看是否可以修复它。

另外，请更清楚“中间div”的意思

safari - 不同的计算div百分比

1 个答案: