웹 페이지 하단에 많은 공백이 있습니다.

이 페이지의 다른 구문에 대한 구문이 잘못되었지만 내 페이지 아래에 불필요한 공백이 많이 생길지 확실하지 않습니다.웹 페이지 하단에 많은 공백이 있습니다.

일부 문제 해결 일들이 내가 시도 : - 설정 높이가

-I

가 100 픽셀, 200 픽셀로 몸에 높이를 설정하려고 100 % 몸에

- 설정 높이를 HTML로 .. 그냥보고 그것이 바뀌면, 그렇지 않았다.

- 몸에 마진 바닥을 놓으려고했지만 행운이 없었습니다.

- 바디 마진으로 놀았 던가

지금까지 운이 없었습니다. 나는 내 코드를 게시 할 것이고, 미리 감사한다.

HTML :

<!DOCTYPE html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title></title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="CSS/Project3.css"> 
</head> 
<body> 


    <div id="setpos"> 
    <h1>Your Wife Is Calling For You To Come Upstairs.</p> 
    <p>However, you've had a really long day and don't feel like doing that.</p></h1> 
    <p> &nbsp</p> 
    <p> &nbsp</p> 
    <p> &nbsp</p> 

    <p>Do you swallow the guilt with &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp?</p> 
    <p> &nbsp</p> 
    <p>Go for the &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp?</p> 
    <p> &nbsp</p> 
    <p>Or listen to your wife and go upstairs?</p> 
     <div><a class="Mug" href="index.php"></a></div> 
<div><a class="Remote" href="index.php"></a></div> 
    </div> 
</body>

CSS :

이

#setpos{ 
margin: 500px; 
color: #5bc32d; 
font-size: 30px; 

} 

body { 
height: 100%; 
position: relative; 
margin: -200px -200px; 
top: -110px; 
} 

a.Mug { 
display:block; 
position: relative; 
background: url(../IMG/beer_hoveroff.png) no-repeat; 
height: 100px; 
width: 90px; 
top: -350px; 
left: 370px; 
} 

h1{ 
color: #500000; 
font-size: 100%; 
font-family: 'rokkitt', serif; 

} 

div{ 
} 

a.Mug:hover { 
color: #5bc32d; 
background: url(../IMG/beer_hoveron.png) no-repeat; 
} 

a.Remote { 
display:block; 
position: relative; 
background: url(../IMG/remote_hoveroff.png) no-repeat; 
height: 110px; 
width: 110px; 
top: -330px; 
left: 120px; 
} 

a.Remote:hover { 
color: #5bc32d; 
background: url(../IMG/remote_hoveron.png) no-repeat; 
} 

}

내가 더 효율적인/직업 일 것입니다 무슨, 그렇게하면, 아마도 내 이미지와 함께 할 수있는 뭔가가 생각 물건을 배치하는 방법? 그 외에도 내 질문은 : 내 페이지 아래의 공백을 없애려면 어떻게합니까 (http://iam.colum.edu/students/jordan.max/aim/project3.html)? 그리고 제가 여기 있으면 안되는 그릇된 일을하고 있습니까?

출처

2013-12-09 Anonymous

아마도이 CSS 때문일 수 있습니다.

#setpos{ 
    margin: 500px; 
    color: #5bc32d; 
    font-size: 30px; 
}

당신이 바닥 margin 대신이 작업을 수행하지 않을 경우 : 당신이 그와 같은 <body /> 태그에 margin: -200px -200px;를 사용하는 이유

margin: 500px 500px 0; 

// or to just have the margin on the top, do this: 

margin: 500px 0 0;

사이드 노트, 확실하지 .. 아마도 좋은 생각이 아닙니다. 나는 "공백"을 상쇄하기 위해 이것을 여기에 두었다고 추측 할 수 있습니까?

출처

2013-12-09 00:45:29

감사합니다. –

문제가 없습니다. 나는 아마'body'에서 그 부정적인 마진을 제거하는 것을 볼 것입니다. 아주 나쁜 습관. 오신 것을 환영합니다. 대답이 당신의 요구를 충족 시킨다면 받아들이십시오. : D –

부정확하게 사용하는 경우 음수 마진은 나쁜 습관입니다. 음수 마진은 본질적으로 나쁘지 않습니다. 이는 일반적인 통념입니다. 그들에 대해 그렇게 나빠요? – Adam

웹 페이지 하단에 많은 공백이 있습니다.

답변

관련 문제