这个没有特别的做要求，你要根据你自己的页面整体布局来设置，还有根据div的特性来设置，div默认情况是宽度最大化(100%)、高度最小化，高度随着内容自动伸展；
一般情况做网页的话，大部分都是固定了总体框架宽度的，每个模块的宽度基本上也都是固定的，所以div需要设一下宽度，如果内容也是相对固定不变的，那么也可以设定高度
DIV+CSS布局时， DIV的高度和宽度特性
2016-10-13
683
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
这个没有特别的做要求，你要根据你自己的页面整体布局来设置，还有根据div的特性来设置，div默认情况是宽度最大化(100%)、高度最小化，高度随着内容自动伸展；一般情况做网页的话，大部分都是固定了总体框架宽度的，每个模块的宽度基本上也都是固定的，所以div需要设一下宽度，如果内容也是相对固定不变的，...
目录
相关文章
|
23天前
|
前端开发
安全
容器
|
23天前
|
前端开发
开发者
容器
探索现代Web开发中的CSS Grid布局技术
【8月更文挑战第29天】在数字时代的浪潮中，网页设计不断进化以适应日新月异的用户需求。CSS Grid布局技术作为一项革新性的前端工具，为设计师和开发者提供了前所未有的布局能力。本文旨在通过深入浅出的方式介绍CSS Grid的核心概念、基本用法以及在实际项目中的应用，帮助读者快速掌握这一强大的网页布局工具。
40
3
3
|
27天前
|
前端开发
开发者
容器
【Web布局的革命】探索CSS Grid栅格系统，打造未来网页设计！
【8月更文挑战第25天】在网页设计领域，布局至关重要。传统的布局方法难以满足复杂需求，CSS Grid 栅格系统因此诞生。它是一种二维布局模式，能直接控制行和列，简化复杂网格的设计。通过定义 `display: grid;` 创建网格容器，并利用 `grid-template-columns` 和 `grid-template-rows` 设置行列尺寸，轻松实现响应式布局。此外，CSS Grid 支持高级功能，如网格区域划分和对齐设置，极大提升了布局的灵活性和创意空间。随着浏览器兼容性的增强，CSS Grid 必将成为未来网页设计的关键技术之一。
49
1
1
|
1月前
|
前端开发
JavaScript
Serverless
揭秘CSS布局神器：vw/vh、rem、%与px大PK，掌握它们，让你的网页设计秒变高大上，面试难题迎刃而解！
【8月更文挑战第4天】在Web开发中，合理选择CSS单位对响应式布局至关重要。本文探索viewport单位（vw/vh）、rem、百分比（%）及像素（px）的基础知识与应用场景。通过代码示例，展示如何运用这些单位实现全屏布局、尺寸比例调整、灵活的元素大小及固定尺寸。最后，模拟面试题，介绍如何仅用CSS实现一个元素的高度为其宽度两倍且响应视口变化的方法。
142
8
8
|
1月前
|
前端开发
|
1月前
|
前端开发
容器
|
1月前
|
编解码
前端开发
容器
|
前端开发
|
前端开发
|
30天前
|
前端开发
热门文章
最新文章
1
细节决定成败——无CSS时网页的可读性
2
CSS3自定义发光radiobox单选框
3
12款精美的免费 CSS 网页模板下载
4
CSS好看的按钮
5
【技术贴】DropDownList的css颜色样式修改
6
通用base.css —— 《编写高质量代码 web前端开发修炼之道》
7
CSS3新特性: mix-blend-mode: multiply
8
Css3 圆角和渐变色问题(IE9)
9
15.2. XHTML+DIV+CSS
10
利用 hover 伪类创建纯 CSS 收缩面板
1
CSS背景
45
2
CSS id 和 class
41
3
CSS 语法
47
4
【专栏：HTML与CSS前端技术趋势篇】HTML与CSS在PWA（Progressive Web Apps）中的应用
87
5
【专栏：HTML与CSS前端技术趋势篇】前端框架（React/Vue/Angular）与HTML/CSS的结合使用
86
6
【专栏：HTML 与 CSS 前端技术趋势篇】Web 性能优化：CSS 与 HTML 的未来趋势
79
7
【专栏：HTML与CSS前端技术趋势篇】渐进式增强与优雅降级在前端开发中的实践
92
8
【专栏：HTML与CSS前端技术趋势篇】网页设计中的CSS Grid与Flexbox之争
71
9
【专栏：HTML 与 CSS 前端技术趋势篇】HTML 与 CSS 在 Web 组件化中的应用
72
10
【专栏：HTML与CSS实战项目篇】创建一个具有复杂布局的电商详情页
74