我如何使网页内容的宽度为100％？

Question

如何使所有静态页面在所有静态页面中显示全角？例如，在我所有的静态页面中，我的内容仅占据该页面的一半：https://www.scrapetelligence.com/p/contact.html

URL结构为/p/sample.html的页面是唯一受影响的页面。这些是与我们联系，关于，政策等静态页面的信息。

带有/2017/10/samplepage.html的内容不会受到影响。这些是常规博客文章。

我的网站实际上托管在blogger.com中

我尝试过的：

我已经尝试过：

<b:if cond="data:blog.pageType == "static_page"">

.sidebar {display:none;}
#main-content{width: 100%; float: none; margin: 0 auto;}
.main-content .column-center-inner {width: 900px;margin-left: 0px;}
.blog-posts-wrapper {
float: left;
width: 100%;
margin-right: 1.5%;

<b:if cond="data:blog.isMobile == "false"">
.main-content .column-center-inner {width: 100%;}

但是它不起作用，我不知道为什么。您的任何意见都会有所帮助。

Answer 1

您需要从页面的width:300px中删除.post-outer

尝试一下

<b:if cond='data:view.isPage'>
  <style>
    .post-outer {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }
  </style>
</b:if>

Answer 2

body {
margin:0;
}

增加边距，或者您实际上可以给display：block;在体内

Answer 3

如何使网页内容的宽度为100％？可以查看我以前的文章techy abiHow do I make the width of content on my web pages 100%?