行内元素在设置float后，就可以设置width和height

hzx 发布于2019-08-30 13:19 / 1064人阅读

摘要：可以给任何元素设置，但只会应用于生成了非绝对定位盒的元素。其它内容排列在盒的右侧，从开始见属性与类似，但盒向右浮动，并且其它内容排列在盒的左侧，从开始盒不浮动所以在一个行内元素指定后，该行内元素转化为块元素，所以可以设置行高了。

由CSS2.1规范中规定：

"float"
Value: left | right | none | inherit
Initial: none
Applies to: 所有（元素），除了9.7描述的
Inherited: no
Percentages: N/A
Media: visual
Computed value: 与指定值相同
该属性指定了一个盒应该向左浮动，向右浮动还是不浮动。可以给任何元素设置，但只会应用于生成了非绝对定位盒（的元素）。属性值的含义如下：
left
元素会生成一个向左浮动的块盒。其它内容排列在盒的右侧，从top开始（见"clear"属性）
right
与"left"类似，但盒向右浮动，并且其它内容排列在盒的左侧，从top开始
none
盒不浮动

所以在一个行内元素指定float:left;后，该行内元素转化为块元素，所以可以设置行高了。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/115469.html

前端基础-CSS如何布局以及文档流

摘要：一网页布局方式二标准流三浮动流四定位流一网页布局方式什么是网页布局方式布局可以理解为排版，我们所熟知的文本编辑类工具都有自己的排版方式，比如，等等而网页的布局方式指的就是浏览器这款工具是如何对网页中的元素进行排版的网页布局排版的三种方式标准一、网页布局方式二、标准流三、浮动流四、定位流一、网页布局方式　1、什么是网页布局方式布局可以理解为排版，我们所熟知的文本编辑...

番茄西红柿 2019-04-23 13:40 评论0 收藏0
CSS的inline、block与inline-block

摘要：基本知识点行内元素一般是内容的容器，而块级元素一般是其他容器的容器，行内元素适合显示具体内容，而块级元素适合做布局。行内元素去除了之间的莫名空白。当为行内元素进行定位时，与都会使得原先的行内元素变为块级元素。且的是不占空间的。基本知识点行内元素一般是内容的容器，而块级元素一般是其他容器的容器，行内元素适合显示具体内容，而块级元素适合做布局。块级元素(block)：独占一行，对宽高...

elva 2019-08-29 15:38 评论0 收藏0
CSS的inline、block与inline-block

摘要：基本知识点行内元素一般是内容的容器，而块级元素一般是其他容器的容器，行内元素适合显示具体内容，而块级元素适合做布局。行内元素去除了之间的莫名空白。当为行内元素进行定位时，与都会使得原先的行内元素变为块级元素。且的是不占空间的。基本知识点行内元素一般是内容的容器，而块级元素一般是其他容器的容器，行内元素适合显示具体内容，而块级元素适合做布局。块级元素(block)：独占一行，对宽高...

ralap 2019-08-26 12:00 评论0 收藏0
构建静态页面之 [ 浮动 ]

摘要：浮动描述是对页面布局的一种表现方式设置浮动的元素会脱离文档流设置浮动的元素会改变后面元素的显示位置属性表示设置元素浮动属性值表示设置元素左浮动属性值表示设置元素右浮动设置浮动的元素会脱离文档流，指定元素后面的元素会自动向前，形成重叠的显浮动描述是对页面布局的一种表现方式设置浮动的元素会脱离文档流设置浮动的元素会改变后面元素的显示位置 float属性表示设置元素浮动 ...

snowell 2019-08-29 16:32 评论0 收藏0