在另一个bug里面划一个

Question

＆＃13;

＆＃13;

#container {
                background-color: darkslategrey;
                margin: 0 auto;
                width: 700px;
                padding: 10px;
            }
            .uno { 
                width: 650px; 
                height: 400px; 
                background-color: black; 
            }
            .due {
                width: 100%;
                height: 300px;
                background-color: #175C80;
                opacity: 0.9;
            }

            .tre {
                margin: 0 auto;
                width: 100px;
                height: 50%;
                background-color: aliceblue; 
            }

＆＃13;

<div id="container">
    <div class="uno">
        <div class="due">
            <div class="tre"></div>
        </div>
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;

嗨，我对Chrome有一个很大的问题：当我把4个div放在另一个里面时，我在第二个div上有1px的差距。我尝试了所有，但没有解决。在Safari这一切都没有，为什么？ Chrome Safari

Answer 1

你在谈论.uno和#container之间的50px距离吗？如果是，那是因为容器比.uno宽50px。将＃容器的宽度减小到650px或将.uno的宽度增加到700px。

#container {
    background-color: darkslategrey;
    margin: 0 auto;
    width: 650px;
    padding: 10px;
}
.uno {
    width: 650px;
    height: 400px;
    background-color: black;
}
...

OR

#container {
    background-color: darkslategrey;
    margin: 0 auto;
    width: 700px;
    padding: 10px;
}
.uno {
    width: 700px;
    height: 400px;
    background-color: black;
}
...