这个没有特别的做要求，你要根据你自己的页面整体布局来设置，还有根据div的特性来设置，div默认情况是宽度最大化(100%)、高度最小化，高度随着内容自动伸展；
一般情况做网页的话，大部分都是固定了总体框架宽度的，每个模块的宽度基本上也都是固定的，所以div需要设一下宽度，如果内容也是相对固定不变的，那么也可以设定高度
DIV+CSS布局时， DIV的高度和宽度特性
2016-10-13
697
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
这个没有特别的做要求，你要根据你自己的页面整体布局来设置，还有根据div的特性来设置，div默认情况是宽度最大化(100%)、高度最小化，高度随着内容自动伸展；一般情况做网页的话，大部分都是固定了总体框架宽度的，每个模块的宽度基本上也都是固定的，所以div需要设一下宽度，如果内容也是相对固定不变的，...
目录
相关文章
|
28天前
|
前端开发
|
3月前
|
前端开发
【前端web入门第四天】02 CSS三大特性+背景图
本文详细介绍了CSS的三大特性：继承性、层叠性和优先级，并深入讲解了背景图的相关属性，包括背景属性、背景图的平铺方式、位置设定、缩放、固定以及复合属性。其中，继承性指子元素自动继承父元素的文字控制属性；层叠性指相同属性后定义覆盖前定义，不同属性可叠加；优先级涉及选择器权重，包括行内样式、ID选择器等。背景图部分则通过具体示例展示了如何设置背景图像的位置、大小及固定方式等。
260
91
91
|
1月前
|
前端开发
UED
容器
在 CSS 中使用 Flex 布局实现页面自适应时需要注意什么？
【10月更文挑战第22天】在使用 Flex 布局实现页面自适应时，需要对其基本原理和特性有深入的理解，同时结合具体的布局需求和场景，进行细致的调整和优化。通过合理的设置和注意事项的把握，才能实现理想的自适应效果，提升用户体验。还可以根据实际情况进行更深入的探索和实践，以不断提升 Flex 布局的应用能力。
128
34
34
|
25天前
|
前端开发
css特性
css特性
1.继承性：子级继承父级文字控制属性
ps：子级拥有自己的样式则不会继承父级。
2.层叠性：相同的属性后面覆盖前面，不同的属性叠加
3.优先级：选择器优先级高的样式生效
公式：通配符<标签<类<id<行内样式<!important(选中范围越大，优先级越低)
叠加计算规则：存在复合选择器时，从左向右依次比较个数，同一级个数多的优先级高，如果个数相同，则向后比较；！important权重最高；继承权重最低。
25
0
0
|
1月前
|
前端开发
容器
|
2月前
|
前端开发
容器
|
2月前
|
前端开发
容器
|
3月前
|
前端开发
容器
css布局-弹性布局学习笔记
这篇文章是关于CSS弹性布局的学习笔记，详细介绍了flex容器和元素的相关属性，包括flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content以及order、flex-grow、flex-shrink、flex-basis、flex和align-self等，解释了这些属性在弹性盒子布局中的作用和用法。
55
2
2
|
3月前
|
JavaScript
前端开发
网页前端课程设计-【模仿】香港中文大学官网，轮播图及div+css布局，js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计，包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
78
0
0
|
编解码
前端开发
容器
容易被忽略CSS特性
1008
0
0