2012-11-14 43 views
0

我不是CSS專業人員。所以我只知道它的一些基本知識。我的任務是具有100%的身體寬度,同時它不應該在瀏覽器窗口調整大小時包裝內容。無法同時顯示:內嵌塊和寬度:100%

爲了達到這個目的,我將display: inline-block添加到了我的身體標記的CSS樣式中。但是當我這樣做時,寬度會減小。然後,我嘗試將width:100%添加到身體風格。寬度改變了,因爲我想,但然後display: inline-block停止工作。如何同時啓用這兩個屬性?

<body style="display: inline-block; width:100%"><!--content---></body> 
+0

發佈您的代碼.. – Sowmya

+0

我可以發佈的代碼在上面給出。 –

回答

1

爲什麼要修復body寬度?只需使用一個容器身體內部,如果你想要一個像

CSS

body { 
    height: 100%; 
    width: 100%; 
} 

.container { 
    width: 1000px; 
    margin: 0 auto; 
} 

HTML

<body> 
    <div class="container"></div> 
</body> 

或者如果你想你的內容區域是100%不僅僅是改變你的CSS這個

CSS

body { 
    height: 100%; 
    width: 100%; 
} 

.container { 
    width: 100%; 
} 
+0

感謝它的工作。還有一件事我想問的是,當我將這種風格應用到主頁時,它就像一種魅力。但是,當應用於與其鏈接的其他頁面時,它與問題中的問題相同。可能是什麼原因?所有其他頁面的結構與主頁的結構相同。 –

+0

@ShivaPareek它取決於你的其他風格,元素的位置,無論它們是「絕對」,「相對」等 –

相關問題