css已设置width100% 为什么宽度没有占满浏览器

如题所述

第1个回答  2019-07-24

因为浏览器默认情况下会为元素添加margin和padding属性,需要将这两个属性初始化为0.

1、新建html文档,在body标签中添加一个div标签,然后为这个div设置一些样式:

2、用浏览器打开编辑好的html文档,这时可以从浏览器中发现浏览器四周留有一些白色空隙:

3、在style标签中为“*”添加“margin: 0;padding: 0;”样式,“*”表示所有元素,“margin”和“padding”表示外边距和内边距:

4、用浏览器重新打开编辑好的html文档,这时浏览器四周的白色空隙都会被去除:

css已设置width100% 为什么宽度没有占满浏览器?
css已设置width100% 宽度没有占满浏览器是设置错误造成的,解决方法为:1、首先需要新建一个html文件,命名为test.html。2、接下来在test.html文件内,使用div创建一个模块,下面将对该div进行样式设置。3、然后在test.html文件内,给div添加一个class属性,主要用于在css标签中设置它的样式。4、在css...

CSS设置一个width:100%,可是两边还会留空
这是由于不同浏览器会有不同的默认页边距造成的。看截图LZ用的好像是IE6。1、IE默认为10PX,通过body的margin属性设置 2、FF默认为8PX它,通过body的padding属性设置 解决方法:body{padding:0px;margin:0px;}

关于CSS的问题:已经设置了width:100%;height:100%;但为什么显示出来的高...
这要看它的外层元素有多高,定义就是占满外层元素。就算是body,也会因为浏览器的不同而有不同的表现。所以重点是外层元素有多高。

css背景图片平铺宽度100%放大浏览器右边背景少一块怎么破 求解 谢谢...
width:100%;height:100%;background:url(images\/bg.gif) left 0 repeat-x;}

html宽度设置100%后浏览器里怎么只有一半
html宽度设置100%后浏览器里只有一半,以以下代码为例 检测一下body的css里面是否定义了宽度 另外,也可以给body一个属性width:1200%; 无标题文档 <!-- body{ padding:0px;margin:0px;} .top{ width:100%;height:80px;border:1px 000 solid;margin:0px auto;display:block;} .top1{ widt...

在CSS网页里设成宽度为100%全屏,但网页里的table里宽度又怎么设置了...
需要准备的材料分别有:电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。2、在index.html中的标签中,输入css代码:table{width:85%}。3、浏览器运行index.html页面,此时通过表格的宽度会随着屏幕的变化而变化,并且固定占用85%。

现在才知道width设置为100%意味着什么,这意思是铺满页面可见部分宽度啊...
这个需要用到html5跟CSS3了,你这种效果也叫响应式,就是根据窗口大小自动缩放,了解一下CSS3吧

css布局时,为什么fixed定位元素设置width:100%会超出父容器的右侧_百度...
因为父元素div设置了margin为8,修改为:div{ margin:0;} fixed:表示固定定位,相对移动的坐标是视图(屏幕内的网页窗口)本身。由于视图本身是固定的,不会随浏览器窗口的滚动条滚动而变化,除非在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内...

width:100%;全屏布局网页 浏览器边缘缩小错位左右显示中间内容被挤下...
在width:100%的对象的css里加上display: line-block;就行了。注意IE6兼容。

css,做了一个整个页面宽度width:100%,效果也出来了
一、首先要明确,之所以用div,就是因为可以让页面分段读取,一段段显示,而不需要像以前一样读取完整个table后才显示。因此你给整个页面加一个大的div反而让页面失去了原有的优势。二、让你的页面居中有几种方法。1、给body赋予text-align: center;属性,缺点是,div内的文字也会居中,还要给div赋予...

相似回答
大家正在搜