不用框架直接div布局，html有一个min-width值，未设高度，当改变窗口大小后，html和body的实际高度（自己未定义）比窗口小的多，页面下端有多余空白，页面自动多了水平滚动和垂直滚动条

最新推荐文章于 2024-05-10 00:07:45 发布
最新推荐文章于 2024-05-10 00:07:45 发布
阅读量371 收藏
点赞数
文章标签： 页面下方多余空白 多垂直滚动条
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NicSeY/article/details/90032379
版权

偶尔发现可能是给html 设置min-width的锅，去掉后好了，空白部分大小显示正常，不会莫名的有垂直滚动条，但不确定根本原因是不是这个

NicSeY
关注
7个场景让你深入理解min max - width height
专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
09-24 1万+
theme: channing-cyan 这是我参与8月更文挑战的第30天，活动详情查看：8月更文挑战 创作不易，点个赞再看呗! 关注专栏 - 学透CSS，让你走进CSS世界的深处 前言 日常开发的时候，大家有么有遇到下面这种情况：设置一个盒子，但是我们不知道有没有内容，并且有多少内容我们也不能确定，而且又不想出现滚动条，这个时候我们就不能设置具体高度，但是我们可以设置min-height来用最小的高度撑开盒子，并且随着内容的多少，盒子的高度可以动态调整，这样是不是就满足了我们的要求。min/ma.
使用 HTML、CSS 和 JS 创建在线音乐播放器(含免费完整源码)
努力是为了站在万人之中，成为别人的光
09-13 4万+
直接跳到末尾 获取完整源码 今天我将带着大家使用 HTML、CSS 和 JS创建 音乐播放器，没有使用任何其他库。我们的音乐播放器具有三个部分。主屏幕、播放器部分和播放列表部分。我们的主页部分有一个平滑的工作滑块，也有水平滚动。这个音乐播放器最好的部分是它最小化了音乐播放器。是的，您可以最小化和最大化播放器本身。使这个项目成为一个很棒的音乐播放器。 ❤️使用 HTML、CSS 和 JS 创建在线音乐播放器❤️???? 在线演示地址???? 完整代码结构???? home-section 首页部分???
使用min-width解决容器被撑大的问题
weixin_42610260的博客
09-02 1620
在使用Flex或Grid布局时，经常会遇到内容溢出容器或者将容器撑大的情况 例如在grid布局中元素尺寸为1fr，或者flex布局中元素flex-grow:1时，想使用Echarts画图和布局中的文本省略显示时发现并没有达到预期的效果，容器被内容撑大了 想要解决这个问题，首先需要知道容器为什么会被撑大。 我们知道块级元素具有流动性，默认宽度为100%，而在弹性元素中宽度会自动计算；除了自动得来的宽度之外，控制宽度的属性有width、min-width、max-width，实际操作会发现设置width也
css中的min-width
kino
09-09 414
我们在做布局设计时，经常有这样的布局，两边或者一边是导航类工具栏 ，中间是内容区域。   但我们希望中间的内区域能够自动适应，随着不同的分辨率和浏览器的大小自动适应高度和宽度，以获得较好的显示效果。   我们假设中间的内容区域是个div，如果我们不明确设置它样式的width属性，它是可以自动适应的，按说这满足了要求。   但是当浏览器的宽度过小时，小到已经不能整齐的显示我们的内容，页面的显示就会混...
html块元素设置min-width,CSS的min-width怎么使用
weixin_28934777的博客
06-17 995
min-width允许你设置元素的最小宽度，它经常与最大宽度的响应等一起使用，本篇文章我们就来看看CSS中min-width的具体使用方法。我们先来看看什么是min-width？min-width属性是允许设置元素的最小宽度。如何使用min-width属性？例如，为了“让我们可以轻松查看任何大小的浏览器”，假设你有一个元素可以创建响应式网站，可以将内容的宽度设置为width：30％;如果在智能手机...
min—width的使用
weixin_33728708的博客
08-25 186
在网页中，如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性 .box{ background: red; width: 90%; height: 500px; min-width: 1000px; } 该div宽度为页面的...
html如何变量命名长度,min-width 属于width宽度一类变量宽度
weixin_29602351的博客
06-24 422
css最小宽度 min-width 属于width宽度一类变量宽度。对应意识css最大宽度max-width.网页div css组织中使用min-width最小宽度名目。min-width最小宽度语法：min-width:980px设置最小宽度为980px在而今全屏100%宽度组织愈来愈多，但无意偶尔手机阅读器或电脑涉猎器比较小，但又不想太小宽度浏览器招致布局变形，以是我们常速决置一个css...
使用 HTML、CSS 和 JavaScript 制作的随机密码生成器
努力是为了站在万人之中，成为别人的光
08-05 1万+
今天我将使用 HTML、CSS 和 JavaScript 制作随机密码生成器 随机密码生成器 写在前面的 如何构建随机密码生成器 第 1 步：在网页中创建一个框 第 2 步：添加 heading 或 title 第 3 步：使用输入创建显示 第 4 步：使用 Html 和 CSS 创建两个按钮⏰ 第 5 步：使用 JavaScript 代码激活密码生成器 wuhu ! 起飞 ! 写在前面的 随机密码生成器 是一个简单的 JavaScript 应用程序，可以自动生成密码。
爱心代码大全---含十余款特效源码【情人节表白代码】
热门推荐
白大锅的博客，毕设WangLoveBai_999
02-10 9万+
十余款爱心酷炫告白特效等你来拿
html中嵌套iframe框架弹出窗口和 HTML中弹出div
zhangyani_502000的博客
07-19 1万+
因为项目需要，我需要一个iframe嵌套一个弹出的窗口，使得父窗口不能点击；需要一个弹出一个div区域来进行对一些内容的修改，花了一天时间实现了这些效果。 html文件： <!DOCTYPE html> <html>     <head>         <meta charset="utf-8" />         <title&gt...
html块元素设置min-width,css min-width属性怎么用
weixin_31659557的博客
06-17 1986
css min-width属性用于设置元素的最小宽度；该属性会对元素的宽度设置一个最小限制。因此，元素可以比指定值宽，但不能比其窄；不允许指定负值。所有主流浏览器都支持 min-width 属性。css min-width属性怎么用？min-width属性设置元素的最小宽度。语法：min-width: length|%|inherit;属性值：●　length：定义元素的最小宽度值。默认值：取决于...
min-width是什么
weixin_30667649的博客
01-21 271
先看下面的代码,这是从bootstrap中遍历出来的，min-width来确认分别是768、992、1200。当然了过去也有些设备宽度是600 480的，哪些小分辨率的我们都归类为小于767的。为什么是小于767而不是768呢，那是因为在css中@media (min-width: 768px)表示最小是768也就是>=768，这里有等于，所以我们判断更小的设备用@media (m...
css min-width最小宽度与max-width最大宽度教程
csdn_huangyumin的博客
10-25 931
最小宽度(min-width)与最大宽度(max-width)用于设置图片最小最大宽度限制比较多。比如一个图片为主列表，对象里图片大小不定时候，为了不想让他太小不统一这个时候我们可以使用css最小宽度样式。再如，一个盒子里有文章有图片混排的时候，有时图片宽度不能确定，这个时候如果html img图片宽度超出了div盒子宽度，可能图片就会撑破div盒子造成图片混乱。
html块元素设置min-width,html – 设置min-height等于width
weixin_33100265的博客
06-17 197
因为填充是相对于元素宽度的,所以可以使用伪元素通过使用padding-top强制最小高度：100％;：div {float: left;margin: 10px;width: 25%;background: lightGreen;position: relative;}div:before {content: "";display: block;padding-top: 100%;float: l...
div盒子最小宽度_css最小宽度 min-width
weixin_42511587的博客
12-23 1251
css最小宽度 min-width 属于width宽度一类变量宽度。对应意识css最大宽度max-width.网页div css组织中应用min-width最小宽度格式。min-width最小宽度语法：min-width:980px设置最小宽度为980px在现在全屏100%宽度布局越来越多，但有时手机阅读器或电脑涉猎器相比小，但又不想过小宽度涉猎器导致机关变形，所以我们常经久置一个css最小...
html中body的width是什么,html - Body min-width issue - Stack Overflow
weixin_29997657的博客
06-10 227
I am currently experimenting locally with Vantage theme(Wordpress)LinkI want to set minimum width of the page in order to stop scaling down content when browser window is being narrowed.It works perfe...
min-width的作用
Benson的专栏
08-10 5783
在网页中，如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性，比如： #footer { min-width:960px; }
min-width作用及效果
h316635446的博客
04-30 1655
当浏览器缩小到一定程度时，元素中的布局可能会发生变化。如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性。 把浏览器宽度缩小到min-width以下像素的时候，这个div不会再缩小，而浏览器就会产生滚动条 ...
CSS：min-width作用
最新发布
Weiki的博客
05-10 732
CSS：min-width作用
min-width: 1200px;在html中的作用，并举代码例子示范
05-31
在上面的示例中，我们创建了一个包含文本和标题的容器 div 元素，并使用 min-width 属性将其最小宽度设置为 1200 像素。这将确保当屏幕宽度小于 1200 像素时，容器不会变得太小而无法阅读或使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值