美文网首页
浮动 2018-07-09 知识点

浮动 2018-07-09 知识点

作者: 试翼腾渊 | 来源:发表于2018-07-10 08:18 被阅读0次

display

我们不鞥为行内元素设置width,height,  margin -top和margin- bottom。

我们可以通过修改display来修改元素的性质。

可选值有:

block:设置元素为块元素。

inline:设置元素为行内元素。

inline-block:设置元素为行内块元素

none:隐藏元素。/* 注意这里的隐藏是元素将在页面中完全消失*/

visibility

visibility属性主要用于元素是否可见。

和display不同,使用visibility隐藏一个元素,隐藏后在其文档中所占的位置会依然保持,不会被其他元素覆盖。

可选值:visible:可见的      hidden: 隐藏的

overflow

当相关标签里面的内容出了样式的宽度和高低是,就会发生一些奇怪的事情,浏览器会让内容溢出盒子。

可以通过overflow开控制内容溢出的情况。

可以选的值是:

visible:默认值

scroll:添加滚动条

auto:根据需要添加滚动条

hidden:隐藏超出盒子的内容

文档流指的是文档中可实现的对象在排列是我所占用的位置

加文档流

浮动

所谓滑动指的是使元素脱离原来的文本流,在父元素中浮动起来。

浮动使用float属性。可选值为:

none:不浮动

left:向左浮动

night:向右浮动

块级元素和行内元素都可以浮动,当一个行内元素浮动以后将会自动变为一 个块级元素。

当一个块级元素浮动以后,宽度会默认被内容撑开,所以当漂浮一个块级元 素时我们都会为其指定一个宽度。

但当一个一个元素浮动以后,其下方的元素会上浮。元素中的内容将会围绕在元素的周围。

相关文章

  • 浮动 2018-07-09 知识点

    display 我们不鞥为行内元素设置width,height, margin -top和margin- bott...

  • iOS审核被拒整理

    2018-07-09

  • 2018-12-29

    知识点 一.浮动(难点) 1.文档流 2.使用浮动实现: 3.缺点: 浮动元素脱离文档流造成父元素的高度崩塌(高度...

  • Notification 通知栏

    知识点 Notification 设置特殊 Activity PendingIntent 浮动通知 锁定屏幕通知 ...

  • 2018-07-10

    2018-07-09 孟傑萨霸 2018-07-09 00:21 · 字数 205 · 阅读 25 · 日记本 2...

  • 08 君在前哨

    2018-07-09周一.阴雨 ..

  • 关于CSS样式随记

    下面就介绍几个常用的CSS样式知识点: 1.浮动 在html文本中给某子元素添加了浮动效果(例如:float:le...

  • css清除浮动

    float浮动是我们一定会的css知识点。但是float浮动会导致页面中某些元素不能正确的显示,那么我就需要清除浮...

  • <CSS>问题:伪元素选择器清除浮动使得父元素有高度

    刚刚学习CSS中清除浮动的这一块知识点,利用伪元素选择器可以清除浮动,示例代码如下: 在显示的结果中,可以发现,父...

  • CSS基础知识三

    知识点导航 浮动

    浮动是css里面布局用的最多的属性 下面两个元素并排并且可以设置宽高,这在标准流中是实现不...

网友评论

      本文标题:浮动 2018-07-09 知识点

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