상자의 공백을 제거하는 방법은 무엇입니까?

몇 가지 훌륭한 정보 상자를 추가하여 웹 사이트를 디자인하려고 할 때 상자가 페이지를 펼치고 공백을 추가합니다. 여기 상자의 공백을 제거하는 방법은 무엇입니까?

이 문제의 스크린 샷 (오른쪽 공간을 유의)입니다 : Problem

그리고 여기에 관련 코드 :

HTML

<div class="Projectbox"> 
     <div class="container"> 
     <div class="Projects"> 
      <p class="TextOne">Projects</p> 
      <p class ="TextTwo">Click to get redirected<br>to all of our projects 
       <div class="Backgroundsknap"> 
       <div class="knap"> 
        <p class="Knap2"><a href="C:\Users\Jonas\Desktop\Godlike Games\Projects.html">Projects!</a></p> 
       </div> 
       </div> 
     </div> 
     </div> 
    </div> 
</div>

CSS

.projectbox { 
    height: 250px; 
    background-color: #0C3C60; 
    margin-left: 200px; 
    width: 250px; 
    margin-top: 500px; 
    display: inline-block; 
    vertical-align: middle; 
}

출처

2016-10-03 Jonas Bang

?? html로'class = "projectbox"는 어디에 있습니까? p & P는 두 개의 서로 다른 caractere입니다 :) –

공백은 귀하의 정보 상자가 아닌 배경 이미지입니까? – Hutch

상자를 제거하면 상자가 닫히기 때문에 배경 이미지에서 제외됩니다. –

어딘가에 body 태그가 있다고 가정합니다. 시체를 포맷하려면 다음 CSS를 추가하십시오.

body { 
    background-size: cover; 
    background-position: center; 
}

출처

2016-10-03 18:31:22 Hutch

공백을 그리지 않았지만 그 작업을 계속하려 했습니까? –

나는이 문제를 일으키는 상자가 아닌 것처럼 느낀다. 그러나 당신의 HTML과 CSS의 나머지 부분을 보지 않고 말하기는 어렵다. 상자의 코드를 주석 처리하고 공백이 없어지는 것을 시도 했습니까? – Hutch

예 상자 공간을 주석 처리 할 때 공간이 사라집니다. –

상자의 공백을 제거하는 방법은 무엇입니까?

답변

관련 문제