オーバーフロー：auto - 右パディングとマージンなし、chrome

問題は、親divに右パディングがなく、子divに右マージンがないことです。私はクロムを使用しています。オーバーフロー：auto - 右パディングとマージンなし、chrome

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Template</title> 
</head> 
<body> 
    <div style = "padding: 50px; overflow: auto; width: 300px; height: 300px; background-color: red;"> 
     <div style = "width: 500px; height: 500px; background-color: green;"></div> 
    </div> 
    <hr /> 
    <div style = "overflow: auto; width: 300px; height: 300px; background-color: red;"> 
     <div style = "margin: 50px; width: 500px; height: 500px; background-color: green;"></div> 
    </div> 
</body> 
</html>

出典

2011-09-15 AlaskaKid

私は残念ながら、それは余裕で動作しない、パディングのための解決策を見つけた：

.container { 
 
    overflow: auto; 
 
    width: 300px; 
 
    height: 150px; 
 
    background-color: red; 
 
} 
 
.padding { 
 
    float: left; 
 
    padding: 50px; 
 
} 
 
.content { 
 
    width: 500px; 
 
    height: 500px; 
 
    background-color: green; 
 
}

<div class="container"> 
 
    <div class="padding"> 
 
    <div class="content"></div> 
 
    </div> 
 
</div>

出典

2011-09-16 09:33:19 AlaskaKid

オーバーフロー：auto - 右パディングとマージンなし、chrome

答えて

関連する問題