如前一章所述;块级元素始终占据可用的整个宽度 （尽可能向左和向右伸展）。
设置 块级元素的 将防止其拉伸 到其容器的边缘。然后，您可以设置 边距到自动，用于将元素水平居中在其容器内。这 元素将占用指定的宽度，剩余空间将被拆分 在两个边距之间相等：width
注意：当浏览器窗口 小于宽度 元素。然后，浏览器向页面添加水平滚动条。<div>
在这种情况下，使用代替将改善 浏览器对小窗口的处理。这在使网站可用时很重要 在小型设备上：max-width
提示：将浏览器窗口的大小调整为小于 500 像素宽，以查看两者之间的差异！
以下是上述两个 div 的示例：
div.ex1 {
width: 500px;
margin: auto;
border: 3px solid #73AD21;
}
div.ex2 {
max-width: 500px;
margin: auto;
border: 3px solid #73AD21;
}
关于CSS布局&CSS居中&媒体查询三者的见解 css布局： 单栏布局： 分为最大宽度和固定宽度，80%以上的页面...
单列布局 模型 一栏布局 查看链接：点击查看 最大宽度属性max-width 1.在CSS中，最大宽度属性(max...
1.CSS布局 布局分类 固定宽度布局，一般宽度为960/1000/1024px 不固定宽度布局，主要靠文档流的原...
使用CSS进行布局与定位，就必须了解CSS中的宽度与高度。在CSS中：1.内联元素的宽度由行高决定，宽度由内容、p...
一、HTML部分 二、CSS部分1.flex布局 2.绝对定位 3.浮动和宽度计算,中间宽度等于总宽度减去两边di...
表格 CSS页面响应式布局，媒体查询： @media 媒体类型 and （媒体特性）{样式} *最大宽度max-w...
布局type 固定宽度 不固定宽度 响应式（pc：固定 手机：不固定） css type float flew g...
1.CSS布局 实现一个两栏布局，右侧固定宽度200px，左侧自适应宽度 浮动元素 + 普通元素margin 实现...
1.CSS布局 实现一个两栏布局，右侧固定宽度200px，左侧自适应宽度 浮动元素 + 普通元素margin 实现...
1 css部分 1.怎么实现三列布局（左侧和右侧宽度固定，中间自适应） 3中方式： a:左右绝对定位，中间不给宽度...
本文标题：【CSS学习笔记19】-布局 - 宽度和最大宽度
本文链接：https://www.haomeiwen.com/subject/lseuidtx.html
网友评论