我的问题集合----html篇

最新推荐文章于 2024-09-20 16:14:32 发布
最新推荐文章于 2024-09-20 16:14:32 发布
阅读量119 收藏
点赞数
分类专栏： html 文章标签： html dom javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47003395/article/details/121633023
版权
本文介绍了前端开发中常见的布局问题及解决方案，包括使用vw和vh解决不同屏幕尺寸下的比例适配，利用相对和绝对定位防止div重叠，设置html的overflow-y属性消除底部滚动条，以及通过display:inline-block解决元素margin引起的尺寸问题。此外，还强调了display:flex在布局中的重要应用。
摘要由CSDN通过智能技术生成

一、使用%导致不同屏幕大小不一致导致页面的变形问题

  • 采用vw和vh来固定比例

二、两个div重叠的方法

  • 第一个子position：relative 第二个 absolute

三、底部有滚动条

  • html{overflow-y: overlay;}

四、顶部因为margin被撑大

  • 用display: inline-block;解决

五、使用display：flex 的时候应用在父盒子上，里面的内容才实现

唯爱赞多
关注
专栏目录
jdk-8u201-linux-x64.tar.gz jdk8版本下载
07-01
本篇将详细探讨 JDK 8u201 版本在Linux环境下的安装与使用。 首先，JDK 8u201 是Java 8更新版本中的一个，其中“u201”代表该版本的更新号，意味着这是Java 8的第201次更新。这个版本包含了对Java 8特性的增强和...
理解TF-IDF：文本挖掘与信息检索的关键加权技术
09-12
每篇文档被看作是词汇表中各个词的权重向量，文档间的相似性可以通过计算它们向量之间的余弦相似度来评估。这种表示方法简化了文本的理解和比较，但同样忽略了词的位置信息和潜在的语义关系。 TF-IDF理论基础是假设...
html5 body高度,【前端】移动端 body 高度为100vh 时，实际高度超过了视窗高度。...
weixin_33350741的博客
06-15 2213
在手机端设置 height:100vh 时，在 Chrome 模拟是正常的实际真机浏览的时候 100vh 的高度会超过窗口的实际高度，并显示滚动条。* {padding: 0;margin: 0;border: 0;outline: 0;box-sizing: border-box;}html {width: 100vw;height: 100vh;border: 5px solid red;ov...
css使用svg,单位使用vw,vh出现的问题
m0_47531829的博客
02-22 1292
项目做完了之后，遇到一个css上面的问题，因为项目做的是一个手机端的页面，采用的单位是vm,vh,项目上线后没有什么问题，但经过同事的测试，居然出现了样式上面的问题，特此记录一下遇到的问题。 在手机屏幕为375，667的情况下，这是没有任何问题的，但是在ipad下(手机宽度比较宽)，就会出现这样的问题， 一开始，是因为这个图标用的是背景图片，没有设置no-repeat属性，后来设置了no-repeat属性，又出现了另一个问题， c ...
解决文字溢出盒子问题
天明的博客
02-25 7590
通常我们实战之中会遇到文字溢出盒子的问题，那么怎样去解决小编这边罗列了几种情况以及解决方法。 1.单行文字溢出 单行文字溢出我们用CSS操作有一个三件套 whitespace:nowrap; /*这边是阻止文字换行*/ overflow:hidden; /*隐藏溢出部分*/ test-overflow:ellipsis; /*用点代替被切断文字*/ 2.多行文字溢出解决 ...
关于Vue中使用全屏容器无法占满屏幕以及样式不生效问题解决方案
m0_61791601的博客
04-25 4774
可以看到即使设置了宽度和高度为100%都无法占满屏幕，而且容器还超出了屏幕，上拉才可以看到下边框。1.height设置为100vh， 或者设置为calc（100vh - 0.9rem)。来提高自己样式的权重这样就可以实现width：100%和height：100%占满屏幕。，当宽度和高度超出屏幕可是区域时，出白边以及滑动条，无法占满屏幕。3.margin，padding设置为0。（上面以尝试，无效）。最后在开发者面板找到问题，在渲染成html页面后，即可，那么经过尝试发现，可以使用。
CoreOS rpm-ostree简介
RToax
11-13 4551
CoreOS rpm-ostree简介 荣涛 2021年11月12日 文档修改日志 日期 修改内容 修改人 备注 2021年11月12日 创建 荣涛 1. 引言 https://coreos.github.io/rpm-ostree/ rpm-ostree 是一个混合镜像/包系统。它结合了libostree作为基础镜像格式，在客户端和服务器端都接受RPM，与dnf项目共享代码；特别是libdnf。从而将两者的许多好处结合在一起。
User-Agent 汇总
九茶
09-09 3万+
前言：近半年没有写博客了，一打开Markdown竟然不知道从何开始。半年时间，要分享的东西比较多，今天第一篇，分享一个我整理后的 User-Agent 集合。 对于爬虫开发者而言，我们经常修改浏览器的 User-Agent 伪装成移动端，从而像手机浏览器一样访问目标网站。爬虫程序带上不同的 User-Agent，可以从m端（甚至是wap端）爬取目标网站。具体方法见《爬虫福利：教你爬wap站》，下面
【跟我学RISC-V】（一）认识RISC-V指令集并搭建实验环境
April_Zhao的博客
04-29 6355
跟我一起学RISC-V指令集吧
LLaMA的解读与其微调(含LLaMA 2)：Alpaca-LoRA/Vicuna/BELLE/中文LLaMA/姜子牙
热门推荐
结构之法 算法之道
03-22 7万+
还开始研究一系列开源模型(包括各自对应的模型架构、训练方法、训练数据、本地私有化部署、硬件配置要求、微调等细节)​该项目部分一开始是作为此文《》的第4部分，但但随着研究深入 为避免该文篇幅又过长，将把『第4部分 开源项目』抽取出来 独立成本文。
Java集合-Iterable
成凯的专栏
08-29 8196
Iterable接口表示一组对象，这些对象是Iterable的，这意味着可以迭代，这意味着实现Iterable接口，则可以迭代其元素，可以通过以下方式迭代Iterable对象，使用for-each循环，从Iterable获取Iterator或者通过Iterable的forEach()方法，下面会一一讲解。 用for-each循环等待的Iterable 第一种方法就是通过for-each 循环迭代，下面例子是如何通过for-each 循环迭代List。因为List继承了Collection接口，Col..
Spring-data-jpa详解
喔易
11-27 8930
本篇进行Spring-data-jpa的介绍，几乎涵盖该框架的所有方面，在日常的开发当中，基本上能满足所有需求。这里不讲解JPA和Spring-data-jpa单独使用，所有的内容都是在和Spring整合的环境中实现。如果需要了解该框架的入门，百度一下，很多入门的介绍。在这篇文章的接下来一篇，会有一个系列来讲解mybatis，这个系列从mybatis的入门开始，到基本使用，和spring整合，和第...
vue2和vue3的v-if与v-for优先级对比学习
10-14
在这篇文章中，我们将深入探讨Vue 2.x和Vue 3.x中v-if和v-for这两个关键指令的优先级差异，以及如何在实践中更好地利用它们。 首先，v-if和v-for都是Vue中的条件指令，但它们的作用不同。v-if用于条件渲染，只有当...
在IntelliJ IDEA中创建一个HTML项目
shiming8879的博客
09-15 1356
在IntelliJ IDEA中创建一个HTML项目是一个相对直接的过程，尽管IDEA本身是一个功能强大的Java集成开发环境（IDE），但它也支持Web开发，包括HTML、CSS、JavaScript等前端技术的开发。以下是一个详细的步骤指南，解释了如何在IntelliJ IDEA中创建一个HTML项目，并涵盖了一些基本的前端开发实践。
intellij-idea创建html项目
weixin_45710581的博客
09-17 1122
你可以根据自己的喜好和需求自定义IDEA的工作区，包括颜色主题、字体大小、快捷键等。
在HTML中添加图片
Q18600000000的博客
09-15 374
标签中指定要显示的图像
窗口框架frame(HTML前端)
qq_74861982的博客
09-15 1054
我们要在另一个网页中显示，此时我们就要设置默认打开的网页，也就是a标签的target属性，记得先对要显示的网页设置一个name,方便指定网页打开。4.此时找到frame.html在浏览器中预览效果如下，我们可以看到，一个网页分为左中右三个小的网页了，并且三个小的网页显示的东西不同。作用：将网页分割为多个HTML页面，即将窗口分为多个小窗口，每个小窗口可以显示不同的页面，但是在浏览器中是一个完整的页面。然后我们在左边那个网页插入两个超链接，一个是个人简历，一个是兴趣爱好。点击我的兴趣爱好，将出现如何内容。
左键选择v-html绑定的文本内容，松开鼠标后出现复制弹窗
y1059477028的博客
09-20 264
【代码】左键选择v-html绑定的文本内容，松开鼠标后出现复制弹窗。
markdown-it:将Markdown文本转换为HTML格式，展示在页面，怎么自定义里面的a标签设置为在新标签页打开
最新发布
motoudi的博客
09-20 312
由markdown-it将文本生成html然后渲染到页面上，但是现在你点击里面生成好的链接只能在本标签页打开，怎么将其设置为在新标签打开呢？安装markdown-it使用markdown-it。
STM32上UCos-ii移植实践与代码整理
文章首先提到STM32标准外设库的重要性，它是ST官方提供的针对STM32芯片的一套全面的驱动程序集合，版本为V3.5.0。这个库包含了源代码、示例工程、实用工具以及文档，如HTML帮助文件和手册，以便开发者能够快速上手并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值