2012-11-14 138 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它取决于你的其他风格,元素的位置,无论它们是“绝对”,“相对”等 –

相关问题