外面的div设置了width为100%且有背景颜色，但当浏览器改变大小后，背景就没法出现100%的效果了！
<body>
<div style="width:100%; background:red;">
<div style="margin:0 auto;">/*内容什么都行，但是居中*/</div>
</div>
</body>
<div style="margin:0 auto; width:50%;"><div style="background:#066; height:200px;"></div></div>
</div>
随便帮你加了个块。中间的内容可以居中呀。改变浏览器大小依然是100%效果的。你把中间的内容也定个比例宽度看下，可以是随屏比列的。
这个值最好是你内容器的宽度。
比如,
<body>
<div style="width:100%; background:red;">
<div style="margin:0 auto; width:1000px;">/*内容什bai么都行，但是居中*/</div>
</div>
</body>
这个min-width值就是1000px。
如果背景图片是张图片，应该会产生你说的问题，一般只能做到相对效果，你可以这样定义背景样式 background:url(bg.gif) repeat center top;本回答被网友采纳
<div style="width:100%; background:red;">
<div style="margin:0 auto; width:1000px;">/*内容什么都行，但是居中*/</div>
</div>
</body>
如果纯文字剧中就写个text-align:center;
子DIV没有宽度不好居中
背景如果换成一张横向平铺的图片，但把浏览器窗口变小后（如宽度小于1000px），背景的效果只有当前浏览器的窗口的宽度，但浏览器会自动根据内容的大小出现滚动条，拉动滚动条后背景却没有100%的效果。
追答第一,如果DIV的子元素不是浮动元素,那么它的宽度不可能超过父元素,要么小于等于父元素,要么将父元素撑大.
第二,如果是两个同级元素,其中一个100%宽,另一个由于内容过宽被撑大到超出100%,那么是可以出现你所说的情况的,但是这是两个元素,不会互相影响.
外面的div设置了width为100%且有背景颜色,但当浏览器改变大小后,背景就...
<div style="margin:0 auto; width:50%;"><div style="background:#066; height:200px;"><\/div><\/div> <\/div> 随便帮你加了个块。中间的内容可以居中呀。改变浏览器大小依然是100%效果的。你把中间的内容也定个比例宽度看下，可以是随屏比列的。
我用div绝对定位布局网页,宽度设置的百分之百,可我把分辨率改到1024的时...
} } \/* 设置了浏览器宽度不大于900px时 abc 显示200px宽度 *\/ @media screen and (max-width: 500px) { .abc {width: 100px;} } \/* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 *\/ <\/style> <\/head> <body> <div class="abc">DIVCSS5实例：我这个DIV宽度会随浏览器宽度...
宽度100%背景,浏览器缩小后背景不能100%显示
因为你下面的那个div的宽度是800PX啊~超出了当前浏览器的宽度，所以会出现你这样的情况，宽度100%只是相对于浏览器来说的，就是说浏览器一整屏的宽度，超出了的部分就不算了或者叫做200%、300%或者更多。所以如果你想让它不管在上面时候都有这条背景色，那么就要用JS做判断，如果小于下面的800px的时...
宽度为100%的DIV的宽度随着浏览器窗口的大小而改变.给了背景颜色后,窗...
<div style="width:100%;height:150px;background-color:yellow;"> <div style="width:100%;height:26px;background-color:blue;"> <div style="width:1200px;height:26px;background-color:gray;margin:0 auto;"> <div id="left">left<\/div> <div id="right" style="float:right;width...
css背景图片平铺宽度100%放大浏览器右边背景少一块怎么破 求解 谢谢...
<style> .pic{ width:100%;height:100%;background:url(images\/bg.gif) left 0 repeat-x;} <\/style> <div class="pic"><\/div>
css已设置width100% 为什么宽度没有占满浏览器
1、新建html文档，在body标签中添加一个div标签，然后为这个div设置一些样式：2、用浏览器打开编辑好的html文档，这时可以从浏览器中发现浏览器四周留有一些白色空隙：3、在style标签中为“*”添加“margin: 0;padding: 0;”样式，“*”表示所有元素，“margin”和“padding”表示外边距和内边距：4、...
div设置100vh宽度缩小为什么不会出现滚动条?
你这个属性设置没有问题啊，只设置的高度，没有设置宽度默认是100 代码：<!DOCTYPE html> <html> <head> <meta charset="utf-8" \/> <title><\/title> <style type="text\/css"> .wrapper { background: red;height: 100vh;max-height: 100vh;} <\/style> <\/head> <body> <div class="...
html宽度设置100%后浏览器里怎么只有一半
html宽度设置100%后浏览器里只有一半，以以下代码为例 检测一下body的css里面是否定义了宽度 另外，也可以给body一个属性width：1200%；<head> <meta http-equiv="Content-Type" content="text\/html; charset=utf-8"\/> <title>无标题文档<\/title> <style type="text\/css"> <!-- body{ padding...
div背景色显示有问题
有两种解决方法,一是:外面的div给个高度,二是:没有固定高度,如下 .clear { height:0;overflow:hidden;clear:both;} .main { background:red;} .left { height:100px;width:100px;float:left;} <div class="main"> <div class="left">我是左侧<\/div> <div class="left">我是右侧<\/div...
现在才知道width设置为100%意味着什么,这意思是铺满页面可见部分宽度啊...
这个需要用到html5跟CSS3了，你这种效果也叫响应式，就是根据窗口大小自动缩放，了解一下CSS3吧
