Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html style的用途是什么；清楚：两者都是；？_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html style的用途是什么；清楚：两者都是；？

Html style的用途是什么；清楚：两者都是；？

html css

Html style的用途是什么；清楚：两者都是；？,html,css,Html,Css,我碰巧看到一个div，它的样式清晰：两者都是！style中的clear有什么用途 <div style="clear:both"> 清除：两者都会使元素下降到文档中它前面的任何浮动元素下面 您还可以使用clear:left或clear:right使其仅位于已向左或向右浮动的元素下方 +------------+ +--------------------+ | | | | | float:left | | withou

我碰巧看到一个
div
，它的样式
清晰：两者都是
！
style
中的
clear
有什么用途


<div style="clear:both">



清除：两者都会使元素下降到文档中它前面的任何浮动元素下面

您还可以使用
clear:left
或
clear:right
使其仅位于已向左或向右浮动的元素下方


+------------+ +--------------------+
|            | |                    |
| float:left | |   without clear    |
|            | |                    |
|            | +--------------------+
|            | +--------------------+
|            | |                    |
|            | |  with clear:right  |
|            | |  (no effect here,  |
|            | |   as there is no   |
|            | |   float:right      |
|            | |   element)         |
|            | |                    |
|            | +--------------------+
|            |
+------------+
+---------------------+
|                     |
|   with clear:left   |
|    or clear:both    |
|                     |
+---------------------+



要补充RichieHindle的答案，请查看，它将引导您了解CSS浮动和清除的工作原理。
当您使用不带宽度的浮动时，该行中会保留一些空间。要阻止此空间，可以使用
clear:both在下一个元素中
 它还使父div与高度相适应。@Jason，您所指的错误仅适用于Windows XP上的Internet Explorer 6。这是一件好事，我们现在不需要在大多数时候支持它。@YevgeniyAfanasyev，是的，这是真的。我的评论是从2009年开始的，当时仍然适用。2016年2月15日，我无法连接到FloatAutorial的服务器（端口80上的连接被拒绝）。