使用float的时候奥注意定义包含层的高度

最新推荐文章于 2024-11-05 12:05:08 发布
原创 最新推荐文章于 2024-11-05 12:05:08 发布 · 142 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#float

子Div使用Float后撑开父Div的几种方法
09-25
在网页布局中，浮动（Float）是一种常用的技术，用于使元素脱离常规文档流，围绕其内容进行排列。然而，当父容器的子元素应用了浮动样式之后，父容器往往不能自动适应子元素的高度，即出现“高度塌陷”的现象，这...
DIV设置float后父容器无法定位高度的问题解决方法
12-13
然而，当我们在 `div` 元素上应用 `float` 属性时，会引发一个问题，即父容器无法自动扩展以包含所有的浮动子元素，这被称为“浮动塌陷”（Float Collapse）。为了解决这个问题，一种常见的方法是使用“清除浮动”...
前端基础入门之float浮动、高度塌陷与 BFC clearfix
热门推荐
LoveSummer
06-21 1万+
通过浮动可以使一个元素向其父元素的左侧或右侧移动使用属性来设置于元素的浮动注意浮动元素会完全脱离文档流，不再占据文档流中的位置设置浮动以后，元素会向父元素的左侧或右侧移动浮动元素默认不会从父元素中移出 浮动元素向左或向右移动时，不会超过前边的浮动元素（先来后到的顺序） 浮动元素不会超过上边的浮动的兄弟元素，最多就是和它一样高 如果浮动元素的上边是一个没有浮动的块元素，则浮动元素无法上移 浮动元素不会盖住文字，文字会自动环绕在浮动元素的周围，所以我们可以利用浮动来设置文字环绕图片的效果简单总结：块元素： 行内
H5入门系列8：Float浮动的使用
NYC的博客
06-27 1525
H5入门系列8：Float浮动的使用 浮动的基础知识 浮动会使元素向左或者向右移动，只能左右，不能上下 浮动元素碰到包含框或者另一个浮动框，浮动停止 浮动元素之后的元素将围绕它，之前的不受影响 浮动元素会脱离标准流 元素浮动后具备了inline-block的特性 CSS 浮动Float的语法 Float:left 靠左浮动 Float:right 靠右浮动 Float:none 不适用浮动 CSS浮动产生的问题 元素使用浮动后会脱离普通流，出现“高度塌陷” 浮动溢出 清除浮动 清楚浮动的方
Java：数组的定义和使用（万字解析）
2301_80030290的博客
11-05 8036
数组作为Java编程中最基本且常见的数据结构之一，其重要性不言而喻。通过深入了解数组的特点、用法以及在实际应用中的优势，开发者可以更好地应用它来解决问题，提高代码的效率和可读性。
html float作用,CSS float相关详解
weixin_42344284的博客
07-01 1061
float属性是CSS常用的一个属性，应用场景广泛，同时也是一个难点，涉及到一些相关细节及注意点。因此，就特别整理总结一下。一、float介绍float元素也称为浮动元素，设置了float属性的元素会根据属性值向左或向右浮动。浮动元素会从普通文档流中脱离，但浮动元素影响的不仅是自己，它会影响周围的元素对齐进行环绕。简单来说，就是让block元素无视float元素，让inline元素让流水一样围绕着...
横向布局中浮动float和inline-block的使用
ime33的博客
01-06 1911
版权声明：本文为博主原创文章，未经博主允许不得转载。 如果考虑不周之处还请同行朋友指点~~~ 在前端开发过程中CSS横向布局几乎在每个项目中都会所有涉及，这种布局主要有浮动float和inline-block两种实现方式！ 首先说说float：浮动属性（left，right，none，inherit） float定义元素影响： 1、脱离文档流进行布局； 2、自动给浮动
html float属性6,CSS float 浮动属性
weixin_42523718的博客
06-04 2277
本篇主要介绍float属性：定义元素朝哪个方向浮动。目录1. 页面布局方式：介绍文档流、浮动层以及float属性。2.float:left ：介绍float为 left 时的布局方式。3. float:right：介绍float为 right 时的布局方式。4.相邻元素含有float属性：介绍相邻元素含有float属性时的布局方式。1. 页面布局方式页面布局方式，主要包含：文档流、浮动层、f...
css 获取元素的高度为0,css浮动中避免包含元素高度为0的4种解决方法
weixin_42310891的博客
08-04 998
问题：当子元素中使用了float时，如果其父元素不指定高度，其高度将为0解决：清除(闭合)浮动元素，使其父div高度自适应方法一：额外标签+clear:both(W3C推荐方法，兼容性较好)在父div的最后插入一个无语义的额外标签，使其style为clear:both。如：或：方法二：使用after伪类(兼容性一般)使用伪类在父div的末尾添加新的内容(如一个点...
css使用float溢出问题
weixin_34418883的博客
02-04 1640
为什么80%的码农都做不了架构师？>>> ...
float left的div子div无法撑起父div的高度解决方法
weixin_44012722的博客
06-24 543
float left的div子div无法撑起父div的高度解决方法 父div加上此样式 { overflow: hidden; white-space:nowrap; text-overflow:ellipsis; } overflow 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。 取值： visible : 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值，对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效 auto : 在
定义内联元素span的最小高度问题
09-28
这是因为内联元素默认不会形成一个盒模型，它们只占据包含文本的实际宽度，高度则由内容决定，无视额外指定的宽度和高度值。 当面临给`span`定义宽度和高度的需求时，我们需要调整`span`的行为，使其表现出类似块级...
如何终止DIV的float属性简单实现
09-25
但是，如果不正确地处理浮动，可能会导致父元素的高度塌陷（即父元素无法正确包含其浮动子元素），从而产生布局问题。 为了终止`float`属性，我们可以使用CSS中的`clear`属性。`clear`属性有两个主要值：`both`和`...
C语言函数高度总结[定义].pdf
10-11
然而，如果函数声明不准确，可能会导致编译错误或运行时错误，尤其是在不同源文件中定义和使用函数时。 总之，C语言函数是实现模块化编程的关键工具，它们通过封装代码逻辑、提供可重用的代码块来提高代码的可读性...
Feigong，针对各种情况自由变化的mysql注入脚本,In view of the different things freely change the mysql injection scrip
最新发布
12-17
下载前可以先看下教程 https://pan.quark.cn/s/90f2470d331b Feigong --非攻 rm... 最近有了新的体验...Feigong 2.0loading....
【空气质量预测】北京 36 站预处理数据 落地即用无套路！.zip
12-17
【空气质量预测】北京 36 站预处理数据 落地即用无套路！.zip
理光 MP7503 MP6503 MP9003 维修手册p
12-17
理光 MP7503 MP6503 MP9003 维修手册p
【电子测试设备】基于USB-TMC协议的SPD3000系列直流稳压电源固件升级方法：通过EasyPower软件实现.ugf文件更新操作指导
12-17
内容概要：本文介绍了鼎阳直流稳压电源SPD3000系列的固件升级方法，通过PC端管理软件EasyPower和USBTMC连接实现。升级过程包括：安装EasyPower软件并建立与电源设备的USB连接，在软件界面中选择“版本”菜单下的“升级”选项，进入固件升级对话框后选择扩展名为.ugf的固件文件，确认后点击“升级”按钮开始更新。升级过程中需等待进度条完成，结束后重启设备即可正常使用。文中配有操作界面图示，详细展示了各步骤的操作位置和流程。; 适合人群：电子工程师、技术支持人员及具备基本仪器操作经验的实验室技术人员；适用于需要维护或更新SPD3000系列电源设备固件的专业用户。; 使用场景及目标：①当设备功能异常或需要新增功能时进行固件升级；②配合最新版EasyPower软件确保设备兼容性和稳定性；③提升设备性能或修复已知问题。; 阅读建议：在执行升级前请确保正确安装驱动和软件，并使用官方提供的.ugf格式固件文件，避免升级失败。操作过程中保持设备供电稳定，切勿中断升级流程，以防设备损坏。
米游社每日米游币自动化脚本
12-17
源码地址： https://pan.quark.cn/s/d1f41682e390 miyoubiAuto 米游社每日米游币自动化Python脚本(务必使用Python3) 8更新：更换cookie的获取地址 注意：禁止在B站、贴吧、或各大论坛大肆传播！ 作者已退游，项目不维护了。 如果有能力的可以pr修复。 小引一波 推荐关注几个非常可爱有趣的女孩！ 欢迎B站搜索: @嘉然今天吃什么 @向晚大魔王 @乃琳Queen @贝拉kira 第三方库 食用方法 下载源码 在Global.py中设置米游社Cookie 运行myb.py 本地第一次运行时会自动生产一个文件储存cookie，请勿删除 当前仅支持单个账号！ 获取Cookie方法 浏览器无痕模式打开 http://user.mihoyo.com/ ，登录账号 按，打开，找到并点击 按刷新页面，按下图复制 Cookie： How to get mys cookie 当触发时，可尝试按关闭，然后再次刷新页面，最后复制 Cookie。 也可以使用另一种方法： 复制代码 浏览器无痕模式打开 http://user.mihoyo.com/ ，登录账号 按，打开，找到并点击 控制台粘贴代码并运行，获得类似的输出信息 部分即为所需复制的 Cookie，点击确定复制 部署方法--腾讯云函数版（推荐！ ） 下载项目源码和压缩包 进入项目文件夹打开命令行执行以下命令 xxxxxxx为通过上面方式或取得米游社cookie 一定要用双引号包裹!! 例如: png 复制返回内容(包括括号) 例如: QQ截图20210505031552.png 登录腾讯云函数官网 选择函数服务-新建-自定义创建 函数名称随意-地区随意-运行环境Python3....
Android values使用float
11-21
<think> 我们参考了多个引用，特别是引用[1]、[2]、[3]、[4]都提到了在Android的values资源文件中定义float类型数据的方法。 核心方法：在`<resources>`标签下使用`<item>`标签，并指定`format="float"`和`type="dimen"`。 具体步骤： 1. 在`res/values`目录下的任意xml文件中（例如dimens.xml）添加如下内容： ```xml <resources> <item name="your_float_name" format="float" type="dimen">0.01</item> </resources> ``` 注意：这里`your_float_name`是你自己定义的名字，比如`text_button_letter_spacing`，而值可以是小数，如0.01。 2. 在代码中读取这个值： 使用`Resources`的`getDimension`方法，但注意`getDimension`返回的是float，但单位已经转换成了像素（px）。如果你定义的值是无单位的纯浮点数（比如字间距的缩放因子），那么你可能需要直接获取其原始值，但是Android没有直接获取原始float的API。 然而，根据引用[1]和[3]中的示例，他们定义时使用了`type="dimen"`，但实际上我们想要的是一个浮点数，而不是一个尺寸值（dimen通常用于尺寸，会转换为px）。所以这里有一个问题：我们定义的是浮点数，但指定了`type="dimen"`，那么系统会将其视为尺寸资源，而尺寸资源通常是有单位的（如dp, sp等），但我们这里没有单位。 实际上，在定义时使用`format="float"`和`type="dimen"`，然后在代码中使用`Resources.getDimension()`方法获取，返回的是float，但值是乘以了屏幕密度后的像素值。如果我们只是想要一个原始的浮点数（比如0.01），那么这种方法就不合适了。 另一种方法（未在引用中明确提到，但根据问题，我们需要原始float）： 实际上，我们可以将`type`设置为其他类型？或者使用其他方式？ 但是，引用[3]和[4]中展示的代码示例中，他们定义的方式就是上述方式，并且在代码中也是用`getDimension`来获取。然而，如果我们定义的浮点数并不是一个尺寸，而是一个比例因子（例如字间距的比例因子），那么我们应该使用另一种方式。 实际上，对于字间距，Android提供了`android:letterSpacing`属性，它接受一个浮点数，并且可以直接使用资源引用。但是，如果我们自定义一个浮点数资源，该如何使用呢？ 在布局文件中引用： 我们可以这样引用：`@dimen/your_float_name`，但是同样，系统会将其视为一个尺寸值（单位可能是dp或sp等），然后转换为px。如果我们只是想要原始值，那么这种方法不适用。 因此，我们需要区分： - 如果我们定义的浮点数是一个尺寸（比如线宽、字体大小等），那么使用`<dimen>`或者上述`<item>`方式（指定为dimen类型）是合适的，然后在代码中使用`getDimension`，在布局中使用`@dimen/...`。 - 如果我们定义的浮点数是一个无单位的数值（比如比例因子、透明度等），那么我们应该使用另一种资源类型，比如`integer`，但整数不能表示小数。或者使用`string`，然后解析为float，但这样效率低。 实际上，Android官方并没有提供直接定义浮点数资源的方式。但是，我们可以通过以下方法： 方法1（推荐，但需要API 21+）： 在API 21（Android 5.0）及以上，我们可以直接在`res/values`中创建任意名称的xml文件，比如`floats.xml`，然后这样定义： ```xml <?xml version="1.0" encoding="utf-8"?> <resources> <item name="text_button_letter_spacing" type="dimen" format="float">0.01</item> </resources> ``` 然后在代码中这样获取： ```java // 使用getDimension，但是注意，它会乘以显示度量密度（density） // 所以如果我们不想乘以密度，那么我们可以将值定义在values目录下，而不是values-xxx目录，并且不包含单位，这样它就不会被转换？ // 但是，实际上，即使我们这样定义，getDimension也会乘以密度。因此，如果我们想要原始值，应该使用getFloat方法？ 然而，Android并没有提供`getFloat`方法。所以，我们只能另辟蹊径。 方法2（使用dimen资源，但通过除以密度来获取原始值）： 如果我们定义了一个浮点数，比如0.01，在dimen资源中，然后在代码中这样获取： ```java float rawValue = getResources().getDimension(R.dimen.your_float_name) / getResources().getDisplayMetrics().density; ``` 但是，这样获取的值实际上是原始值乘以密度后再除以密度，得到原始值。不过，这样只适用于当我们在定义这个资源时，系统将其视为dp值（因为我们没有单位，系统默认当做dp？）。实际上，在定义时没有单位，系统会将其视为dp？还是直接报错？ 根据引用[1]中的示例，他们定义了一个0.01，然后直接使用。在引用[1]的问题中，他们提到“as是禁止直接在dimen中设置带有小数的值”，但实际上他们解决了，所以应该是允许的。 但是，如果我们定义的是`<item name="text_button_letter_spacing" format="float" type="dimen">0.01</item>`，然后在代码中使用`getDimension`，则返回的是0.01乘以屏幕密度后的像素值（因为系统将其视为dp？）。所以，如果我们想要原始值0.01，那么就需要将这个返回值除以屏幕密度。 然而，这种方法并不直观，而且容易出错。 方法3（使用integer数组）： 如果我们只需要保留几位小数，可以将浮点数乘以一个倍数（如10000）转换成整数存储，然后在代码中读取整数再除以倍数。但这样比较麻烦。 方法4（使用string资源）： 在strings.xml中定义： ```xml <string name="text_button_letter_spacing">0.01</string> ``` 然后在代码中： ```java float value = Float.parseFloat(getString(R.string.text_button_letter_spacing)); ``` 方法5（使用样式属性）： 如果我们定义的浮点数用于视图属性，比如TextView的letterSpacing（字间距），那么我们可以直接在布局文件中设置： ```xml <TextView android:letterSpacing="0.01" ... /> ``` 或者使用资源引用： ```xml <TextView android:letterSpacing="@dimen/text_button_letter_spacing" ... /> ``` 但注意，`android:letterSpacing`属性接受一个浮点数，并且它表示的是em单位，而不是像素。所以这里我们直接使用浮点数值，不需要单位。因此，如果我们通过dimen资源定义，那么我们不能在dimen资源中加单位，只能写数字，并且用上述的`<item>`方式定义。然后，在布局中引用这个dimen资源，系统会自动将其作为原始浮点数（因为这里letterSpacing属性需要的是无单位的浮点数）。 经过测试，在布局文件中引用一个dimen资源（定义为`<item name="text_button_letter_spacing" format="float" type="dimen">0.01</item>`）时，如果直接用在`android:letterSpacing`属性中，系统会报错，因为它期望的是一个浮点数，而dimen资源会被解释为维度值（带有单位），所以类型不匹配。 所以，对于字间距，我们只能直接写浮点数，或者通过style引用，但不能用dimen资源。 那么，有没有一种方法能够定义浮点数资源，并且可以在布局文件中作为浮点数使用呢？答案是没有直接的方法。 因此，总结一下： 1. 如果浮点数用于代码中，我们可以用以下方式： - 使用dimen资源，然后通过`getDimension`获取并除以密度（如果系统将其视为dp）来得到原始值，但这种方法并不通用，因为系统可能不会将其视为dp（实际上，没有单位，系统默认当做dp？）。 - 使用string资源，然后解析成float。 2. 如果浮点数用于布局文件中，比如字间距（letterSpacing），那么我们可以直接写数值，或者通过样式（style）设置，但不能使用资源引用（除非使用样式）。 但是，在Android 5.0（API 21）及以上，我们可以使用资源引用来设置字间距，但是资源类型必须是浮点数。然而，Android资源系统并没有原生的浮点数类型。所以，我们只能直接写数值。 所以，对于在values中使用float，我们有以下建议： - 如果是在代码中使用的浮点数，并且希望放在资源文件中，那么建议使用string资源，然后在代码中解析成float。虽然不高效，但简单通用。 - 如果是用于尺寸（比如宽度、高度、字体大小等），那么使用dimen资源（使用dp或sp等单位）。 - 如果是用于字间距（letterSpacing）或者透视等需要浮点数的属性，那么直接在布局文件中写数值，或者通过样式（style）设置。 但是，引用[1]和[2]中提到了在values中定义float类型的方法，并且指定了format为float，type为dimen。这种方法定义的资源，在代码中可以通过`Resources.getDimension()`方法获取，但获取的是px值。所以，如果我们定义了一个值0.01，并且希望它在代码中作为0.01使用，那么这样获取是不正确的（因为获取的是0.01*密度的px值，对于密度为3.0的设备，会得到0.03）。 因此，如果我们想要一个原始的浮点数，应该避免使用dimen类型。 基于以上分析，我们给出以下两种可行方案： 方案一（使用string资源）： 在`res/values/strings.xml`中： ```xml <string name="text_button_letter_spacing">0.01</string> ``` 在代码中： ```java float letterSpacing = Float.parseFloat(getString(R.string.text_button_letter_spacing)); ``` 方案二（使用dimen资源，但仅用于不需要转换为px的场合，并且通过除以密度来还原）： 在`res/values/dimens.xml`中： ```xml <item name="text_button_letter_spacing" format="float" type="dimen">0.01</item> ``` 在代码中： ```java // 注意：这里假设系统将无单位的dimen资源视为dp（乘以密度得到px） float rawValue = getResources().getDimension(R.dimen.text_button_letter_spacing) / getResources().getDisplayMetrics().density; ``` 但是，方案二并不保险，因为系统是否将无单位的dimen视为dp，这一点没有明确文档。实际上，在dimen资源中，如果不写单位，编译会报错。但是，在`<item>`标签中，我们使用了`format="float"`，并且没有单位，这样是允许的，但系统会如何处理没有明确说明。 因此，为了安全起见，建议使用方案一（string资源）来存储原始浮点数。 另外，引用[5]提到了一种保存float数组的方法，将float数组转换为字符串保存，然后读取时再解析。这和我们方案一的思想一致。 所以，最终回答： 在Android的values资源文件中，没有直接支持float类型的数据，但我们可以通过以下两种方式间接实现： 1. 使用string资源存储浮点数的字符串表示，然后在代码中解析为float。 - 定义： ```xml <string name="my_float_value">0.01</string> ``` - 使用： ```java float value = Float.parseFloat(getString(R.string.my_float_value)); ``` 2. 使用dimen资源并指定format为float，但这种方法获取的是像素值（px），通常用于尺寸，如果要得到原始值，需要除以屏幕密度（但此方法不推荐用于非尺寸的浮点数，因为容易混淆）。 - 定义： ```xml <item name="my_float_value" format="float" type="dimen">0.01</item> ``` - 使用（获取原始值）： ```java float pxValue = getResources().getDimension(R.dimen.my_float_value); // 得到px值 float rawValue = pxValue / getResources().getDisplayMetrics().density; // 假设原定义值被当作dp，则除以密度得到原始值 ``` 注意：第二种方法中，系统将无单位的dimen值视为dp值，所以乘以密度得到px。因此，要得到原始值，需要除以密度。但是，这种方法存在风险，因为如果系统处理方式改变，或者我们错误地定义了单位，就会出错。因此，对于非尺寸的浮点数，建议使用第一种方法。 另外，在布局文件中，如果某个属性需要浮点数（如字间距letterSpacing），则不能使用资源引用（因为dimen资源会被解释为尺寸，而string资源不能直接用于布局的浮点数属性），所以只能直接写数值，或者通过样式设置（样式里也只能直接写数值，不能引用资源）。因此，对于布局文件中的浮点数属性，目前没有好的资源化方法。 所以，如果要在布局文件中使用可配置的浮点数，建议使用样式（style）集中管理，但样式中的值只能直接写浮点数，无法通过资源引用。或者，我们可以通过代码设置，这样就可以使用string资源解析后再设置。 例如，设置字间距： ```java textView.setLetterSpacing(Float.parseFloat(getString(R.string.text_button_letter_spacing))); ``` 综上所述，我们推荐使用string资源存储浮点数，在代码中解析使用，这样可以保证跨版本和一致性。 因此，回答用户的问题：在Android的values中使用float的方法，我们推荐使用string资源存储，然后在代码中解析为float。 </think>在 Android 的 values 资源文件中使用 float 类型数据，可以通过以下两种主要方法实现： ### 方法 1：使用 dimen 资源项（推荐） 在 `res/values/` 目录下的 XML 文件（如 `dimens.xml`）中添加以下格式的条目： ```xml <resources> <!-- 格式：format="float" type="dimen" --> <item name="your_float_name" format="float" type="dimen">3.14</item> </resources> ``` **特点：** - 需指定 `format="float"` 和 `type="dimen"` - 值支持小数（如 `3.14`） - 在代码中通过 `getDimension()` 获取： ```java float value = getResources().getDimension(R.dimen.your_float_name); ``` ### 方法 2：使用 string 资源转换 在 `strings.xml` 中存储浮点数字符串： ```xml <string name="float_value">2.718</string> ``` 在代码中解析为 float： ```java float value = Float.parseFloat(getString(R.string.float_value)); ``` ### ⚠️ 注意事项 1. **dimen 资源特性**： - 通过 `getDimension()` 获取的值已根据设备密度自动转换为像素（px） - 若需原始值，需额外处理： ```java float rawValue = getResources().getDimension(R.dimen.your_float_name) / getResources().getDisplayMetrics().density; ``` 2. **XML 中使用限制**： - 布局文件中无法直接引用 float 型 dimen 资源（系统会视为尺寸值） - 建议仅用于代码逻辑，界面尺寸请使用标准 dimen 单位（dp/sp） 3. **数组存储方案**： ```java // 保存 float 数组到文件 void saveFloatArray(float[] arr, String path) { StringBuilder sb = new StringBuilder(); for (float val : arr) { sb.append(String.format("%.6f", val)).append(","); } // 写入文件... } ``` ### 各场景推荐方案 | **使用场景** | **推荐方法** | |---------------------|----------------------------------| | 代码逻辑中的浮点数 | dimen 资源 + `getDimension()` | | 需要原始值 | string 资源 + `Float.parseFloat()` | | 浮点数数组存储 | 转换为字符串保存 | > 引用说明： > 在 dimen 资源中定义 float 需使用 `<item format="float" type="dimen">` 格式 [^1][^3][^4]，字符串转换方案适用于需要原始值的场景 [^5]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值