美文网首页
笔记 | PHP 2012 | float 浮动布局

笔记 | PHP 2012 | float 浮动布局

作者: Say哥 | 来源:发表于2020-08-19 17:06 被阅读0次

float 浮动

float: left;
float: right;

※ 对于 float 的元素, margin(外边距)不存在竖直方向的融合现象


clear 清除浮动

clear: left;     // 声明元素上方不允许有左浮元素
clear: rgith;  // 声明元素上方不允许有有浮元素
clear: both;  // 声明元素上方不允许有浮动元素

常用写法

  • 设置一类 div 专门用于清除浮动, 然后所有该类的属性为清除浮动
<style type="text/css">
  .clear{
    float: both;
  }
</style>
...
  <div class="clear"></div>

2012_d1_①_010

相关文章

  • 笔记 | PHP 2012 | float 浮动布局

    float 浮动 ※ 对于 float 的元素, margin(外边距)不存在竖直方向的融合现象 clear 清除...

  • 前端开发-常见CSS布局

    常见的两列布局 float浮动布局 flex布局 常见的三列布局 float浮动布局 position定位 fle...

  • CSS的浮动属性

    CSS浮动和清除浮动 1.浮动float div配合float浮动来做页面的布局,浮动最常用的地方就是用来做布局。...

  • css构造布局

    左右布局 利用浮动float:left right 左中右布局 利用浮动float:left right 中间元素...

  • 三列布局,圣杯布局

    这个是布局代码 三列布局 1.浮动方法 使用浮动,将左右两列,通过浮动也就是float:left和float:ri...

  • HTML第二课

    CSS控制div样式 1.浮动布局:float 实现两个布局并行显示 2.清除浮动布局 清除本块布局被覆盖的float

  • 介绍CSS布局及方式方法

    1.左右布局 (1)用浮动float实现左右布局。给左盒子添加float:left;(向左浮动),给右盒子添加fl...

  • 浮动

    float:left; float:right; 1.浮动特性 2.浮动布局 3.清除浮动的方法 方法一:额外标签...

  • css布局

    1.浮动布局 要点子元素float,父元素clearfix1.1左右布局子元素float:left float;r...

  • 三、CSS布局

    常用布局方法 table表格布局 float浮动+margin inline-block布局 flexbox布局 ...

网友评论

      本文标题:笔记 | PHP 2012 | float 浮动布局

      本文链接:https://www.haomeiwen.com/subject/kritjktx.html