たとえば 20% のような流動的な margin-top を指定し、ブラウザ ウィンドウのサイズを水平方向に変更すると、margin-top が増加する場合があります。これは私にはちょっと予想外です。私はこれに対する迅速な修正を探しています..
<html>
<head>
<title>Make yourself lucky</title>
<meta name="description" content="Make yourself lucky" />
<style type="text/css">
#slideshow {
float: left;
background-color: red;
width: 100px;
height: 100px;
margin-top: 20%;
}
</style>
</head>
<body>
<div id='wrapper'>
<div id='slideshow'>
slideshow
</div>
</div>
</body>
</html>