怎么两个元素浮动 html,解决HTML元素浮动问题教程

方法一、

使用块级clear，即声明一个块的类属性为.clear {clear:both;}

方法二、

使用内联元素清理，比如说在主浮动内容后跟一个内联元素。

.inlineclear {clear:both;}

方法三，使用双层div嵌套

#pubpage {display:block;clear:both;}

#main {display:block;float:left;}

内容

这样用的话，内部的main就会把浮动给撑起来

方法四、

/******clear float*******/

.clearfix:after {

content: “.”;

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.clearfix {display: inline-table;}

/* Hides from IE-mac /*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

加在一个想表示成块的容器的类属性上，但此属性必须为第一个，如

第四种方法目前可以很好的兼容多种浏览器，并且不要加额外的元素就可以完成想要的布局.

欢迎大家阅读《解决HTML元素浮动问题教程》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网(gaodaima.com)提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权

转载请注明原文链接：解决HTML元素浮动问题教程