ページの右側と右側のスペースを取り除く方法

Question

本文とページの右側の間のスペースを削除するにはどうすればよいですか？

は、ここに完全なコードを参照してください：ブラウザウィンドウの完全な幅をカバーするために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> 

Answer 1

。あなたのコードをシャワーしたり、JSFiddleを作成したりすると、より具体的になります。

Answer 2

leftクラスはleft-margin

2%の rightクラスは、私は問題が身体に位置し、いない場所それはだと思う 8%

のright-marginを持っています。 rightのCSSを次のように変更して、表示されている問題を修正する必要があります。

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

---

また...

あなたが正しく<div class="social">を並べるといくつかの問題を抱えていたようには見えたので、私はこれらのタグにいくつかの変更を行いました。また、ログインボタンを右に抱かせて、左の再生ボタンで対称にするように調整しました。