HTML浮动元素高度问题讲解
程序员文章站
2022-03-10 23:25:27
...
浮动元素的高度问题
1、在标准流中,内容的高度可以撑起父元素的高度。
2、在浮动流中,浮动的元素是不可以撑起父元素的高度的。
(推荐教程:html教程)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>D129_FloatExcriseXia</title> <style> .fuyuansu,.fuyuansu1{ border:2px black solid; } .biaozhun{ width:100px; height: 100px; background-color: red; } .fudong{ width:100px; height: 100px; background-color: yellow; float:left; } </style> </head> <body> <div> <div></div> </div> <hr> <div> <div></div> </div> </body> </html>
结果如图:
更多编程相关内容,请关注编程入门栏目!
以上就是HTML浮动元素高度问题讲解的详细内容,更多请关注其它相关文章!
上一篇: php怎么将json转化为数组?
下一篇: php如何实现自动登录
推荐阅读
-
HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题
-
html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
-
html5那些新特性,移除了哪些元素?如何处理html5的兼容性问题?如何区分html和html5?
-
HTML连载46-浮动元素字围现象、浮动练习
-
通过jQuery来改变HTML元素CSS样式的方法讲解
-
HTML连载50-伪元素选择器、清除浮动方式五
-
HTML连载47-设计思想、浮动元素高度问题
-
HTML中由于DIV(块元素)浮动,导致的父元素高度塌陷问题的解决方案
-
HTML连载45-浮动元素脱标、排序规则、贴靠现象
-
多个div同行显示实现方式、浮动会导致父元素高度坍塌问题解决方案