CSS 테두리 문제가 있습니까?

나는 이것을 전두환으로하고 싶습니다. 나는 완전한 newb입니다. 그렇게 생각하십시오. 그래서 내가하려고하는 것은 주요 컨텐츠 영역을 가지고 있으며, 특정 너비로 800px라고 말하고 싶습니다. 그리고 그것의 왼쪽과 오른쪽에 나는 단지 검은 경계가 필요합니다. 이제 누군가가 페이지의 크기를 조정할 때 두 개의 테두리가 전체 창을 채우기 위해 너비를 변경하지만 내 메인 콘텐츠 상자는 그대로 유지되기를 원합니다. 그것을 알아낼 수 없었다. 도와 주셔서 감사합니다!CSS 테두리 문제가 있습니까?

출처

2011-04-10 Adam Ashwal

실제 국경 *이 아니기 때문에 더 배경색이 맞습니까? 맞습니까? –

이 시도 :

<html> 
<head> 
    <style> 
    html {height:100%;} 
    body {background-color:#000000;height:100%;margin:0px;padding:0px;} 
    #content{background-color:#FFFFFF;width:800px;margin:auto;height:100%;} 
    </style> 
</head> 
<body> 
    <div id="content">content</div> 
</body> 
</html>

출처

2011-04-10 17:23:49 Thorgeir

굉장해, 고마워! –

을이 HTML 코드 인 경우 :

<div id="outer-container"> 
    <div id="main-content"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
    </div> 
</div>

다음에 CSS를 설정할 수 있으며 작동합니다.

<style type="text/css"> 
#outer-container { 
    background-color: black; 
    height: 200px; 
} 

#main-content { 
    background-color: white; 
    width: 800px; 
    margin: 0 auto 0 auto; 
    height: 200px; 
} 
</style>

출처

2011-04-10 17:24:21 High6

CSS 테두리 문제가 있습니까?

답변

관련 문제