페이지 오른쪽과 오른쪽 사이의 공백을 제거하는 방법

-1

페이지의 오른쪽과 오른쪽 사이의 공백을 제거하려면 어떻게해야합니까? 컨테이너의 또는 100%에 신체의 폭 속성은 브라우저 윈도우의 전체 폭을 충당하기 위해 설정 https://jsfiddle.net/4tqdejyx/페이지 오른쪽과 오른쪽 사이의 공백을 제거하는 방법

<div class="social"> 
    <h4 class="social-text">#Social</h4> 
    <ul class="lista"> 
     <li><a href="#"><i class="fa fa-facebook-official" aria-hidden="true"></i></a></li> 
     <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> 
     <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li> 
     <li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li> 
     <li><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li> 
    </ul> 
</div> 
<div class="Contact-us"> 
    <div class="contact-button "> <p class="dugme"><button class="cbtn">Contact us</button></p></div> 
</div> 
<div class="footer"> 
    <img src="" class="logo" alt="logo"/> 
    <h4 class="bk-text2">Buddy/Kitty</h4> 
    <p>&copy;All rights reserved!</p> 
</div>

출처

2017-02-04 Pavle Zivanovic

우리는 스크린 샷에서 당신을 말할 수 없다. 게시물에 코드를 추가하고 문제의 입증 가능한 데모를 만드십시오 - http://stackoverflow.com/help/mcve –

'body {margin : 0; }'? 그냥 추측 해. – putvande

여기에 전체 코드를 참조하십시오. 코드를 샤워하거나 JSFiddle을 만들면 좀 더 구체적 일 수 있습니다.

출처

2017-02-04 17:48:18

left 클래스는 right 클래스는 right-margin8%

의 나는 문제가있다 아니라 몸 곳이 생각이있는 left-margin2%

의가 있습니다. right에 대한 CSS를 다음과 같이 변경하면 표시되는 문제가 해결됩니다. 당신이 안감까지 제대로 <div class="social">에 일부 문제가있는 것처럼 또한

.right { 
    margin-right: 2%; 
    margin-left: auto; 
    float: right; 
}

...

그것은 보였다, 그래서 나는 이러한 태그의 일부를 변경했다. 왼쪽의 재생 버튼을 사용하여 로그인 버튼을 오른쪽으로 끌어 안쪽으로 대칭되도록 정렬했습니다.

출처

2017-02-04 19:00:32

감사합니다.하지만 브라우저 창을 넓힐 때 오른쪽에 공백이 있습니다. –

이 페이지에 공백이 표시됩니까? https://fiddle.jshell.net/dotspencer/4tqdejyx/5/show/ –

페이지 오른쪽과 오른쪽 사이의 공백을 제거하는 방법

답변

관련 문제