css-CSS中页面缩小的时候右边会留白,恼人,网上找了好多方法没用。

问题描述

CSS中页面缩小的时候右边会留白,恼人,网上找了好多方法没用。

先上代码:

 <body>
<div class="header color1">
    <p>aaa</p>
</div>

<div class="adv-box color2">
    Fill up later!
</div>
<div class="bg-box ">
aaa
</div>
</body>

css中的代码如下:
.bg-box{
    width:100%;
    min-height:1700px;
    border:1px solid black;
    margin:0;
    padding:0;

}
.header{
    width:100%;
    height:70px;
    margin:0;
    padding:0;
    position:fixed;
}
.adv-box{
    height:200px;
    width:100%;
    margin:0;
    padding:0;
}

问题来了,我的header宽度是100%,而且是fixed,固定不动的,这个没问题。
问题是我的adv-box宽度也是100%,当网最大化的时候是没问题的,可是一旦
网页缩小,adv-box的右边就会留有空白,而且是页面缩小越多就,留白越多。
希望大神指导。感谢!感谢!感谢!

解决方案

内层div的width会受限于外层div的width。。 看看你留白的adv-box外层是否套有别的已经设置好width的div

解决方案二:

你这个代码和css肯定么有问题,右边不会有空白边。。要贴就贴全部代码全来,要不还不如不贴

时间: 2024-09-17 04:30:54

css-CSS中页面缩小的时候右边会留白,恼人,网上找了好多方法没用。的相关文章

ASP.net中页面中滚动条代码

针对这个问题我在网上找了好多,发现答案比较乱.其实Asp.net中page对象就有一个属性可以使页面提交或者更新数据后,返回页面原来位置,包括滚动条位置都可以保存. 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.asp教程x.cs" MaintainScrollPositionOnPostback="true" I

javascript-网站设计中页面css和js问题

问题描述 网站设计中页面css和js问题 最近在写网站,以前写过几个管理网站对外观没什么要求,最近写的这个各种酷炫的要求,所以想请大神帮忙推荐几本学习css和js 的书或者网站,好友大神们写网站的css和js是下载还是自己写呀,要是下载去哪下载比较好呀,写大神 解决方案 锋利的JQuery 解决方案二: js高级程序设计.css多看看模板代码 解决方案三: 其实 你需要学习 js css3 以及html5 解决方案四: 可以参考网上的 但还是自己要懂才行 去看看jquery和js标签库巴 解决方

[css]31中选择器的应用

目录[-] 1. * 2. #X 3. .X 4. X Y 5. X 6. X:visited and X:link 7. X + Y 8. X > Y 9. X ~ Y 10. X[title] 11. X[href="foo"] 12. X[href*="nettuts"] 13. X[href^="http"] 14. X[href$=".jpg"] 15. X[data-*="foo"] 16

CSS应用中十四个技巧精彩问答

css|技巧 CSS是Cascading style Sheets的简称,中文译作"层叠样式表单",我把它叫作"层叠样式表",我感到这样顺口一点,没别的意思.实际上它是一组样式.你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找.不管你用什么工具软件制作网页,都有在有意无意地使用CSS.用好CSS能使你的网页更加简炼,为

XHTML+CSS的静态页面实现多风格选择的方法

css|xhtml|静态|页面 bled = false;}}} function getActiveStyleSheet() {var i, a;for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title&qu

XHTML+CSS布局中兼顾SEO的两点建议

  XHTML+CSS布局模式因其表现和内容相分离,提高搜索引擎对网页的索引效率,代码简洁.提高页面浏览速度,易于维护和改版等众多优点而在广泛地被人们所接受.以下笔者结合手机商务类网站,对XHTML+CSS布局中兼顾SEO进行一些总结,希望能给站长同仁一些有益的参考. 一.做好网页的架构分析工作,是设计好网页的前提 一个拥有高访问量的网站是成功网站的一个衡量因素,我们在设计网页时要根据主题的不同进行合理的板式选择和色彩配,将网站要达到的宣传效应通过合理搭配而构成的美丽页面来吸引客户的兴趣,促使他

css实现刷新页面的同时保存页面控件的输入值

 css实现刷新页面的同时保存页面控件的输入值这个对于我们来讲是非常好用了,像有些页面不小心刷新了页面表单值就丢失了需要重新输入非常的麻烦,那么我们可以使用css来定义页面刷新值保存起来,具体设置如下.     在Head中加入<meta name="save" content="history"> 添加css: input{behavior:url(#default#savehistory)}; e.g. 页面上存在<input type=tex

CSS学习中的瓶颈

  一.何为瓶颈? "瓶颈"指瓶子的颈部,相对狭窄.这是很传神的一个词,因为狭窄,因此难以突破:但是,一旦突破了,就是广阔天空(偌大瓶身)! 小弟不才,凑合画了个瓶颈示意图,如下: 图中,A → B → C → - 表示进阶,即相关技能的提升:①②③④则表示各个阶段要进入的瓶颈!这个适用于各行业,各学派. 杨过的武功学习与瓶颈 我们都看过<神雕侠侣>,为便于理解,我就以"神雕大侠"杨过的武功成长经历解释上图的含义: 各进阶阶段: 阶段A 武功杂:蛤蟆功,

div布局-DIV + CSS设计中的DIV是指的html中的div标签吗?

问题描述 DIV + CSS设计中的DIV是指的html中的div标签吗? 在DIV+CSS设计中的DIV如果是div标签的话, 那么DIV+CSS的意思就是换行标签与层叠样式表. 这个意思好像有些别扭. 解决方案 DIV+CSS是WEB设计标准,它是一种网页的布局方法.不是指页面的div标签的. 参考:http://baike.baidu.com/link?url=lf2dUBDDlOdMJHnoAr-bUvWbZQ_JBgQr8z__vWe3mUr5XesIP_2Gf65cXxgENgzCS