1

要素 div の下にある website.com で見つかった空白を削除するにはどうすればよいですか? 730 px の空白のようなものです。私は 1 時間以上自分の CSS コードをいじっています。問題を切り分けられないようだ

HTML:

<div class="element">
<img src="imagesrc">
<div id="Projecttitle" class="Projecttitle">Title goes here</div>
<div id="Projectdescription" class="Projectdescription">Project description goes here</div>
</div>

<div class="element">
<img src="imagesrc">
<div id="Projecttitle" class="Projecttitle">Title goes here</div>
<div id="Projectdescription" class="Projectdescription">Project description goes here</div>
</div>

CSS:

div.element img:nth-of-type(1){
    padding-top:80px;
}
div.element div:not(:nth-of-type(1)){
    position:relative;
    width:auto;
    height:auto;
    bottom:375px;


}

div.element img{
    position:relative;
    right:198px;
    padding-right:56px;
    border:none;

}
.Projecttitle{
    text-transform:none;
color:#000;
text-align:left;
letter-spacing:.3px;
font:normal 22px QuaverSans;
margin-left:auto;
margin-right:auto;
overflow:visible;
z-index:0;
vertical-align:middle;
padding-top:15px;

}
#Projecttitle{
    position:relative;
    bottom:162px;
    width:410px;
    height:155px;
    left:226px;
}
.Projectdescription{
    text-transform:none;
color:#000;
text-align:left;
letter-spacing:.3px;
font:normal 17px QuaverSans;
margin-left:auto;
margin-right:auto;
overflow:visible;
z-index:0;
vertical-align:middle;


}
#Projectdescription{
    position:relative;
    bottom:290px;
    width:410px;
    height:155px;
    left:226px;
    z-index:0;
}
4

1 に答える 1

1

まず、閉じられていないdivタグがあります。2 番目div.elementは、明らかに兄弟であるはずの場合に、1 番目の内部にネストされています。これを修正すると、問題がより明確になります。また、あまりにも多くの相対位置を使用しています。画面上の要素の外観は変更されますが、ドキュメント フロー内で要素が「占有」するスペースは変更されないため、これは問題をさらに混乱させます。

于 2012-11-24T02:36:03.480 に答える