使用内联CSS调整宽度

时间:2013-01-25 21:23:36

标签: css width inline

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

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

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

任何人都有任何想法如何使用内联CSSS实现这一点以及代码是什么?

非常感谢任何帮助!!

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

你需要找到#main选择器并将其设置得更宽。除非你明确地设置它,否则身体总是100%宽。在你的情况下,#main容器是整个页面的包装器,这是你想要设置的。我还建议查看“盒子模型”,并在进一步了解之前了解其工作原理。它会为你节省许多牙齿的哭泣和咬牙切齿。 http://www.w3schools.com/css/css_boxmodel.asp

答案 2 :(得分:0)

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

相关问题