iframe을 화면의 전체 부분을 차지하는 방법

Question

단일 페이지의 weebly에서 패딩을 제거하여 사용자 정의 html 요소가 흰색 테두리가 아닌 전체 화면에 표시되도록하고 싶습니다. Link to the website

이것이 가능하지 않은 경우 어떻게 그 페이지의 배경을 변경할 수 있습니까?

Answer 1

/* Flexible iFrame */ 
 
    
 
.flexible-container { 
 
    position: relative; 
 
    padding-bottom: 56.25%; 
 
    padding-top: 30px; 
 
    height: 0; 
 
    overflow: hidden; 
 
} 
 
    
 
.flexible-container iframe, 
 
.flexible-container object, 
 
.flexible-container embed { 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
}

<!-- Responsive iFrame --> 
 
<div class="flexible-container"> 
 
<iframe src=""http://imcrafty.buycraft.net" width="100%" height="1050" frameborder="0" style="border:0"></iframe> 
 
</div>

Answer 2

나는 편집> HTML/CSS는> 열린 main_style.css이> 변경 테마로 이동, html로 주변에 엉망 해결책을 발견

#content { 
    width: 100%; 
    max-width: 1140px; 
    margin: 0 auto; 
    padding: 4.5em 2em; 
    background: #ffffff; 
    box-sizing: border-box; 
    overflow: hidden; 
} 

에

#content { 
    width: 100%; 
    max-width: 1640px; 
    margin: 0 auto; 
    padding: 4.5em 2em; 
    background: #ffffff; 
    box-sizing: border-box; 
    overflow: hidden; 
}