css如何关闭浮动-木庄网络博客

本文摘自PHP中文网，作者V，侵删。

css关闭浮动的方法是，给元素添加clear属性，并且设置属性值为none即可，例如【clear:both;】。clear属性规定了元素的某侧不允许其他浮动元素。

本文操作环境：windows10系统、css 3、thinkpad t480电脑。

css中有一个属性clear，该属性规定了元素的哪一侧不允许其他浮动元素。

常用属性值有：

left 在左侧不允许浮动元素。
right 在右侧不允许浮动元素。
both 在左右两侧均不允许浮动元素。
none 默认值。允许浮动元素出现在两侧。
inherit 规定应该从父元素继承 clear 属性的值。

举个小例子：

<html>
 
<head>
<style type="text/css">
img
  {
  float:left;
  clear:both;
  }
</style>
</head>
 
<body>
<img src="/i/eg_smile.gif" />
<img src="/i/eg_smile.gif" />
</body>
 
</html>

相关阅读 >>

html5中一些可以优化的细节介绍

css中resize属性有什么用

谈谈css中的栅格布局（图文）

聊聊css中box-align和box-pack属性的用法

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css如何关闭浮动

css如何关闭浮动

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论