1

我是 CSS/HTML 的新手，在调整页面宽度时遇到了一些麻烦。我确信解决方案非常简单明了，哈哈。

在此页面上：http: //www.bodylogicmd.com/appetites-and-aphrodisiacs - 我正在尝试将宽度设置为 100%，以便内容跨越页面的整个宽度。我遇到的问题是，当我尝试添加内联 CSS 时，头部调用的外部样式表正在取代内联。我正在使用 Joomla，所以编辑器让我们编辑主体，而不是头部（除非我创建一个自定义模块来重写头部的代码）。

我不想重新编写/编辑外部（主）样式表，因为我正在使用这个页面进行比赛，它只运行了大约 1 个月。

任何人都知道如何使用内联 CSSS 实现这一目标以及代码是什么？

任何帮助是极大的赞赏！！

4

3 回答 3

1 
#main, #content, .landing-wrapper, #column2 .box2 {width: auto;}
#column2 {width: auto; float: none;}

您应该可以将它放在模板的 index.php 的头部，尽管我会亲自将它添加到主题的主样式表的底部。多长时间没有一个因素。

于 2013-01-25T21:30:14.623 回答
0

您需要找到#main 选择器并将其设置得更宽。除非您另有明确设置，否则主体将始终为 100% 宽。在您的情况下，#main 容器是整个页面的包装器，这就是您要设置的内容。我还建议查看“盒子模型”并了解它是如何工作的，然后再走得太远。它会让你免于哭泣和咬牙切齿。 http://www.w3schools.com/css/css_boxmodel.asp

于 2013-01-25T21:31:12.993 回答
0

尝试添加内联 .css {width: 100%; （或自动）} 到： - #main - #content - .landing-wrapper - #column2 .box2

于 2013-01-25T21:43:49.170 回答