重寫父元素

http://www.mysecretathens.gr/kulte_test/as_index.html 重寫父元素

我試圖重寫的#kontainer寬度在底部我<li>列表的寬度。我想.nav3列表是全寬，100％，但我不能覆蓋父元素的700px，#kontainer

我能做些什麼？我嘗試了!important;規則，但是這並沒有給我想要的結果。

來源

2013-04-14 a.litis

下次請不要只發布鏈接到您的網站。您網站的內容將會發生變化，而這個問題無助於訪客。發佈你的代碼，或者在最好的情況下創建你的問題jsfiddle。 –

指定百分比寬度時，它基於父寬度計算。所以700是100％... 700

你需要，如果你想讓它去了700

來源

2013-04-14 22:49:13

解決方案1，指定像素寬度：你可以得到.nav3出#kontainer

解決方案2：您可以將position: absolute; left: 0;添加到.nav3，然後在#footer上添加一些margin-top tu將其壓下。

來源

2013-04-14 22:51:43

寬度100％表示獲得子元素內部的父元素的100％。它實際上做你說的它做！您可以從#kontainer中獲取nav3以獲取身體元素的100％。

來源

2013-04-14 22:52:26

你是對的安東尼。那麼我很想知道是否有一種方法可以覆蓋父元素？ euxaristw gia評論pantws;） –

用快速谷歌搜索發現沒有什麼親戚。我認爲這是不可能的.. tpt filos（eimaste kammenoi omws oi ellhnes tetoia wra！les na fame kana ban me ta ellinika？）和好的網站的方式 –

我想要同樣的東西，重寫父寬度。我正在開發一個Joomla組件

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

<div>一些內容</div>

<div>一些內容</div>

</div>

我不想改變寬度（1170px）外股利或.container類，因爲它是默認的Joomla模板，如果我改變其將在每個頁面的效果。

在我的情況下，我只需要在我的網站的主頁上爲某些設計的某個子div使用100％的寬度。

我所做的是在主頁html文件中添加css，因爲它不會在其他頁面中調用。

<div class="container mainbody">

<div class="container">一些內容，寬度1170px </div>

<div>一些內容，寬度100％</div>

</div>

<style type="text/css">

.mainbody

{

寬度：100％重要;

}

</style>

來源

2014-11-06 13:01:20

對於你想有一個完整的頁面寬度的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-05 14:51:38

我剛纔注意到一個「很有「有趣（和粗體）重寫父元素的寬度。將孩子的寬度設置爲：

寬度：計算（100％+ 30％）;

不管你信不信，至少Firefox 51正在計算正確的孩子的寬度，是的，它大於父母的寬度。

來源

2017-02-08 08:09:09

回答

相關問題