CSS里如何设置模块的宽度?

CSS里如何设置模块的宽度?,第1张

分类: 电脑/网络 >> 百度 >> 百度空间
问题描述:

如文章模块 相册模块 个人档案等

解析:

先鄙视: kl888168,什么意思啊,一路贴同样的内容,真恨王朝知道没有清理工,百度那边的人,我推荐我自己免费帮您清理重复内容.

回答问题:

1.直接设置模块的width
2设置body,stage stagepad的width

1、在怪异模式下,也就是网页头部不写doctype的时候,body可以作为html元素的根元素,设置它的高度为百分之百的时候(不考虑外边距),可以使的页面的高度和浏览器客户区相同。
在标准模式下,也就是网页头部写doctype的时候,body不是html页面的根元素,html才是根元素,如果仅仅设置body的100%,不设置html元素的高度为100%,那么body的高度不会生效,之所以不生效,是因为如果要以百分比设置元素的尺寸,必要以父元素的尺寸作为参考,如果父元素没有设置尺寸,自然不会生效。
2、在标准模式下,由于没有设置html的高度,所以body的高度100%就没有参考高度,于是也就导致div的百分比高度无效,如果将css代码中的第一行设置为:
div的100%是从其上一级div的宽高继承来的,有一点很关键,就是要设置div100%显示,必须设置其上一级div的宽度或高度,否则无效。
前面总得有个容器说明他的高度是多少。这样的话div才能按比例100%继承上一级的高度可惜的是浏览器一般默认解释为内容的高度,而不是100%。
解决方法:只要为html和body设置高度为100%就可以了,html,body{height:100%;},这样之后div会按比例来继承上一级的高度了仅仅设置的div元素的height属性貌似没有什么效果。
另外,html{height:100%}的高度是相对浏览器高度来说的。

没有宽度的元素默认会继承父元素的宽度,如果是html的话就会继承窗口的宽度。
不设置高度的话,那么父元素的高度就有它的子元素决定,举个不太恰当的例子,父元素是个包装袋,没装东西的时候基本不占地方,当你放的东西越摞越高,那么包装袋的高度也撑起来了。

body是不用设置宽度的,你这个sidebar是什么,按你描述的可以理解为,在body里有个DIV 你想让这个DIV居中,如果是这样的话,你这样做就行了:
给DIV设置样式如下:
width:1000px;
margin:0 auto;
注意一定要设置宽度。body用不用居中都没关系。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/yw/13343232.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-18
下一篇 2023-07-18

发表评论

登录后才能评论

评论列表(0条)

保存