웹 사이트의 테두리와 충돌하지 않는 바닥 글?

저는 수업을 위해 노력해 왔던이 웹 사이트를위한 바닥 글을 만들려고 노력했지만 제대로 된 솔루션을 찾지 못했습니다. 내 문제는 일반적으로 바닥 글이 내 사이트의 테두리와 겹치며, 내가 바닥 글에 넣을 텍스트가 테두리 아래에있는 경우입니다. 나는 꽤 많은 바닥 글을 시도했지만 아무도 내가 원하는 것에 맞지 않는 것처럼 보인다.웹 사이트의 테두리와 충돌하지 않는 바닥 글?

html { 
background-color:silver; 
border:9px black solid; 
margin:0px; padding:0px; width:auto; height:auto; 
}

더 많은 정보를 제공해야하는 경우 나에게 묻기 위해 테두리를 만드는 CSS입니다.

출처

2016-06-14 Michael Brandt

당신은 작은 바닥 글의 폭을하거나 국경을 위해 높은 Z- 인덱스를 설정할 수 있습니다. – Frutis

html과 css의 단순화 된 버전을 게시하여 코드와 관련된 내용을 살펴보십시오. 그런데 ...이 코드가 문제를 해결할 수 있다고 생각합니까? https://jsfiddle.net/ohbsq5na/ ??? – GibboK

웰프, 지금 바보 같아. 그래도 또 다른 질문이지만, Z- 색인은 정확히 무엇입니까? z 축의 페이지에서 무언가가 바로 증가하는 것일까 요? –

전체 페이지의 테두리를 설정하려면 html에 테두리를 설정하면 안됩니다. 더 자세히 보일 것입니다.

<html> 
    <body> 
      <div class="wrapper"> 
      <footer class="footer"> </footer> 
      </div> 
    </body> 
</html>

과 CSS는 :

.wrapper { 
border:1px solid black: 
z-index: 1000; 
} 

.footer { 
z-index: 1; 
}

출처

2016-06-14 07:44:54 Frutis

웹 사이트의 테두리와 충돌하지 않는 바닥 글?

답변

관련 문제