Question

如何删除正文与页面右侧之间的空格？

请在此处查看完整代码：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

Set the container's or body's width property to 100% to cover the complete width of the browser window. I could be more specific if you shower your code or made a JSFiddle.

Answer 2

left班级的left-margin <{1}}

2%班级的right <{1}}

我认为问题出在哪里而不是身体。将right-margin的CSS更改为以下内容，它应该可以解决您所看到的问题。

8%

也...

看起来您在正确排列right时遇到了一些问题，因此我对这些标记进行了一些更改。我还将您的登录按钮与右侧的拥抱对齐，使其与左侧的播放按钮对称。

https://jsfiddle.net/dotspencer/4tqdejyx/5/

如何删除页面之间和右侧的空间

2 个答案: