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 回答