mshd.net
当前位置:首页 >> Div 纵向铺满整个BoDy >>

Div 纵向铺满整个BoDy

MyHtml.html.mydiv {height: 100%;background-color:red;position: absolute;width: 100%;} 

可以在三个DIV的外面再加一个父级的DIV,然后设置这个DIV的高度为100%. 不过直接设置高度为100%对于大多数浏览器无效.一个对象的高度是否可以使用百分比显示,取决于对象的父级对象. IE中认为父级对象为body FF等标准浏览器认为为HTML html,body{ ...

margin:0px; background: url(bg.jpg) no-repeat; background-size:100% 100%; background-attachment:fixed;CSS拉伸背景图片铺满屏幕

no-repeat 用这个。就是不让他左右分散。

你有没有设置 浏览器 默认属性清空? 一般说来 有默认的margin 的 可以清一下 给你一段初始化的代码: body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input{ margin:0; padding:0;} h1,h2,h3,h4,h5,h6{ font-size:100%;...

在body里面直接用,调bg的size就可以了

CSS想让一个元素的百分比高度height: 100%;起作用,需要给这个元素的所有父元素的高度设定一个有效值。如下所示就可以让div高度为100%了: 1 2 3 4 5 6 7 8 9 这样这个div的高度就会100%了 在使用height: 100%;时需要注意的一些事项 1、Margins ...

一定要在body标签后面添加一个div,并且设置div的position为fixed,如: .pageoverlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: #383838; filter: alpha(opacity=60); -moz-opacity: 0...

你的div设置的宽度+margin 超出了BODY的宽度吧。

设置以重复的方式填满页面(以及是否平铺、何种方式平铺): background-repeat: no-repeat; (默认repeat以重复显示图片的方式铺满页面、no-repeat不平铺) 仅一张图片不重复,以拉伸的方式填满页面): background-size: cover;

网站首页 | 网站地图
All rights reserved Powered by www.mshd.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com