1

http://www.mysecretathens.gr/kulte_test/as_index.html

我正在尝试覆盖底部列表中#kontainer的宽度。<li>我希望.nav3列表是全宽的，100%，但我不能覆盖700px父元素的，#kontainer

我能做些什么？我尝试了这个!important;规则，但这并没有给我想要的结果。

4

6 回答 6

0

指定百分比宽度时，它会根据父项的宽度进行计算。所以 700 的 100% 是…… 700。

如果要超过 700，则需要指定像素宽度。

于 2013-04-14T22:49:13.763 回答
0

解决方案1： 您可以.nav3退出#kontainer

解决方案2： 您可以添加position: absolute; left: 0;到.nav3然后添加一些margin-top在#footertu上推下来。

于 2013-04-14T22:51:43.427 回答
0

宽度 100% 意味着获得子元素所在的父元素的 100%。它实际上做了你说它做的事！您可以从 #kontainer 中获取 nav3 以获取 100% 的 body 元素。

于 2013-04-14T22:52:26.273 回答
0

我想要同样的东西，覆盖父宽度。我正在开发一个 Joomla 组件

<div class="container mainbody">//** 宽度 1170px **//

<div>一些内容</div>

<div>一些内容</div>

</div>

我不想更改外部 div 或 .container 类的宽度（1170px），因为它是 Joomla 模板中的默认值，如果我更改，它将在每个页面中生效。

就我而言，我的网站主页中的某些子 div 只需要 100% 的宽度即可进行某些设计。

我所做的是在主页 html 文件中添加 css，因为它不会在其他页面中调用。

<div class="container mainbody">

<div class="container">一些内容，宽度 1170px</div>

<div>一些内容，宽度 100%</div>

</div>

<style type="text/css">

。主体

{

宽度：100% ！重要；

}

</style>

于 2014-11-06T13:01:20.200 回答
0

对于你想要一个完整页面宽度的 div，你应该使用：

position: absolute;
left: 0px;
right 0px; //but make sure that any content you have below that div, gets margined in response.
margin-top: 200px; //Use the height of the above div
于 2017-02-05T14:51:38.110 回答
-1

我刚刚注意到覆盖父元素宽度的“非常”有趣（和大胆）的方式。将孩子的宽度设置为：

宽度：计算（100% + 30%）；

信不信由你，至少 Firefox 51 正确计算了孩子的宽度，是的，它大于父母的宽度。

于 2017-02-08T08:09:09.167 回答