<hr>財產造型問題

我有一個div容器，我的網站與下面的CSS代碼<hr>財產造型問題

.container { 
    width: 1020px; 
    background-color:transparent; 
    margin: 0 auto; 
}

，它有一個固定的寬度如上所示的。在容器中有一個導航欄和一個介於我使用<hr>屬性之間的區域來區分它們，但是我遇到的問題是即使我將這個小時給予100％的寬度，它將只適合寬度我的容器，但我希望它擴大了整個頁面。

有什麼辦法可以管理嗎？提前致謝。

來源

2012-06-11 Azu

可能會更好過使用邊界，但我不知道你要什麼 – hunter

向我們展示請與您的CSS一起使用的html。 – dnagirl

導航欄的高度是否固定？ – Jrod

當給定相對大小時，元素的寬度相對於其父元素。那麼在這種情況下，hr元素的width就沒有辦法相對於另一個父親。

你可以，不過，得到的比100%更大的寬度，然後使用負邊緣到中心，如果需要的話：

div { 
    width: 50%; 
    margin: 0 auto; 
    border: 1px solid #f90; 
} 

div hr { 
    width: 190%; 
    margin-left: -45%; 
} 

<div id="a"> 
    <hr /> 
</div>

JS Fiddle proof-of-concept。

來源

2012-06-11 19:12:45

這是一種解決方法，但唯一的問題是窗口的大小調整。無論何時發生，線路都會離開左邊緣。 – Azu

我認爲在這種情況下，最好不要在容器上設置寬度或邊距，而是在內容本身上。如果你在這個容器裏有一個簡單的HTML結構，應該很簡單。

HTML

<div id="container"> 
    <p>Lorem ipsum dolor sit amet</p> 
    <hr> 
    <p>Lorem ipsum dolor sit amet</p> 
    <hr> 
    <p>Lorem ipsum dolor sit amet</p> 
    <hr> 
    <p>Lorem ipsum dolor sit amet</p> 
</div>

CSS

#container p { width: 500px; margin: 0 auto; }

http://jsfiddle.net/cEGNb/1/

來源

2012-06-11 19:14:40 bfavaretto

<hr>財產造型問題

回答

相關問題