假设我是 a certain website 的管理员.
我正在使用最新版本的 Wordpress,我的主题是名为“二十十四”的主题的子主题。我正在使用 Mozilla Firebug 检查我要编辑的元素。
页面没有全宽显示,还有一些未使用的空间(在右侧可见)。我想扩大页面。这个怎么做?我有一个全宽模板,将所有页面设置为此但不起作用。
我正在寻找 CSS 解决方案(以编辑我的子主题的 style.css)。
如果有人能帮助我,我将不胜感激。 :)
最佳答案
所以你想要一个全宽页面?
我有一些建议给你:
<强>1。使用像 Bootstrap 这样的 CSS 框架
Bootstrap 可以让您毫无问题地制作全宽页面。最重要的是,它将使您的网站响应迅速。 Read more... .
<强>2。使用你自己的 CSS
您需要让您的 body 充分利用所有空间。你不能只使用
body
width: 100%;
height: 100;
}
这将使 body 占据 child 需要的空间。 body 总是有一些边距和填充。所以你也需要摆脱它。
body {
margin: 0;
padding: 0;
}
CSS 中的最后一步是为所有 4 个边设置固定位置并使位置相对:
body{
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
所以你的最终 CSS 应该是这样的:
body{
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
width: 100%;
height: 100%;
}
我建议您使用一个框架,它可以让您的工作流程更加轻松。
问候, 巨人
关于php - 一般如何借助CSS来扩大网站的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35747556/