Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS块不';使用窄浏览器时,t比例为100%_Html_Css_Browser_Width_Scale - Fatal编程技术网

Html CSS块不';使用窄浏览器时,t比例为100%

Html CSS块不';使用窄浏览器时,t比例为100%,html,css,browser,width,scale,Html,Css,Browser,Width,Scale,我有一个问题-当我的浏览器小于页面宽度的100%(又名960px)时,容器块不能100%缩放 图片: /*内容*/ 分区内容{ 宽度:100%; 背景色:#e0e3; } div#content_wrap{ 显示:块; 宽度:960px; 最小高度:200px; 边距:0自动0自动; } 测试 将宽度:100%更改为显示:内联块 div#content { display: inline-block; background-color: #e0e3e3; } 问题是width:

我有一个问题-当我的浏览器小于页面宽度的100%(又名960px)时,容器块不能100%缩放

图片:

/*内容*/
分区内容{
宽度:100%;
背景色:#e0e3;
}
div#content_wrap{
显示:块;
宽度:960px;
最小高度:200px;
边距:0自动0自动;
}
测试

宽度:100%
更改为
显示:内联块

div#content {
    display: inline-block;
    background-color: #e0e3e3;
}
问题是
width:100%
将宽度设置为父元素的100%,而不是子元素的大小。要使div适合内容,请使用
内联块

将其添加到您的样式中

body{
        margin:0;
        padding:0;
    }

这似乎根本不能解决问题:您仍然可以滚动到一侧以查看空白。@hughes复制完整的代码添加粘贴到记事本中,然后检查哪个浏览器?狭窄而恼人的广告显示?为什么要在style.css中为主体添加10px的填充,然后将其删除?这么多问题。。。我使用的是Chrome,这个解决方案有效。您在哪个浏览器中遇到问题?它在chrome中似乎运行良好。这以某种方式取消了页边距,页面不再居中,背景颜色只影响子元素,但我希望它是全宽的。显示:内联块+宽度100%成功,感谢您的帮助。
body{
        margin:0;
        padding:0;
    }