display block 块元素 inline 行内元素 inline-block 是块元素，但是可以内联，在一行！ none div{ width:100px; height:100px; border:1px solid red; display:inline; } span{ width:1 ...
转载
2021-08-29 16:05:00
210阅读
2评论
.clearfix::after { content: ''; display: table; clear: both; } .clearfix { *zoom: 1; /* 兼容 IE 低版本 */ } 或 .parent { overflow: hidden; } ...
转载
2021-10-20 18:44:00
50阅读
2评论
在a{ display:block;}中的 display:block，定义了超级链接被设置成块元素，及当鼠标进入这个区域时就被激活，而不是仅仅通过文字激活。
原创
2015-04-15 20:47:55
781阅读
点赞
1评论
1.介绍先看看display的取值：是不是发现原来display有这么多的取值:我这里将display所有的取值分为3类：常用系,table系,伸缩系(css3新加)2.常用系2.1 display:none;和visibility:hidden的区别display:none;隐藏对象,不为隐藏的对象保留其物理空间visibility:hidden;隐藏对象,会为隐藏的对象保留其物理空间2.2 d
转载
2023-07-25 16:25:58
233阅读
display属性指定由元素生成的框的类型,通常用到display对应值有block、none、inline这三个值。下面我们来看；宽高只与内
原创
2022-10-17 17:25:50
317阅读
css中浮动相关：为什么要添加浮动：让块级元素排列float属性创建浮动框，将其移动到一边，直到左边缘或者右边缘接触包含块或者另一个浮动款的边缘。方法：float:left/right 清除浮动：1、父盒子没有高度 2、子盒子浮动了 3、影响下面的布局清理浮动的方法：1：通过给子元素最后添加一个块级 ...
转载
2021-07-27 08:33:00
172阅读
2评论
display <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 100px; height: 100px; border: 1px solid red; display: none; } /*display ...
转载
2021-08-18 10:25:00
38阅读
2评论
1 html代码:此时的效果:那如果div2想距div1左边有50px的左边距那应该怎么办了?html代码:效果:
原创
2018-10-05 22:27:58
659阅读
点赞
一.标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block：块级元素的默认值 inline：行内元素的默认值 inline-block:同时具有行内和块级元素的特性
原创
2021-08-31 16:26:52
192阅读
CSS之浮动 网页布局的本质是用CSS来摆放盒子，把盒子摆到相应位置 CSS提供三种布局方式，就是盒子如何进行排列顺序： 1.** 标准流（普通流或文档流）**，就是标签按照规定好的默认的方式排列， 1.块级元素会默认独占一行，从上到下顺序排列，常用：div hr p h1到h6 ul ol dl ...
转载
2021-10-20 21:46:00
177阅读
2评论
浮动到底是怎么样的？ W3CSCHOOL对浮动属性的解释：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。所以浮动也有left、right、none三种。 我个人的理解是：HTML 文件就像是一个方形的水槽，它在浏览器中加载的过程就好比是向水槽中放水，而这些水就代表的是 ...
转载
2021-08-10 07:35:00
174阅读
2评论
1. display 属性的使用display 属性是用来设置元素的类型及隐藏的，常用nk01...
原创
2022-11-01 16:40:37
225阅读
1.为什么需要浮动(float)？反问1：如何让多个块级盒子div水平排列成一行？标准流比较难以实现，虽然将块级元素转换为行内块元素可以实现一行显示，但是它们之间会产生大的空白间隙，间隙的宽度很难人为控制。反问2：如何实现下面两个盒子的左右对齐？总结：有很多的布局效果，标准流没有办法完成，此时就可以利用浮动完成布局。因为浮动可以改变元素标签默认的排列方式。浮动最典型的应用：可以让多...
原创
2021-07-30 10:48:46
121阅读
display属性规定元素生成框的类型，默认值inline。 属性值有很多，但常用且支持度较好的就那么几个。 block block元素当不设置宽度时，宽度为父元素的宽度，独占一行，支持设置宽高、外边距、内边距。不支持CSS的 属性 标签： inline inline元素宽度由内容撑开，不独占一行， ...
转载
2021-09-30 13:54:00
199阅读
2评论
文章目录浮动普通流(normal flow)浮动(float)什么是浮动？浮动详细内幕特性float 浮 漏 特现在就可以用float实现一些基本页面布局了链接清除浮动为什么要清除浮动清除浮动本质※ 清除浮动的方法1.额外标签法2.父级添加overflow属性方法3.使用after伪元素清除浮动4.使用before和after双伪元素清除浮动浮动普通流(normal flow)这个单词很多人翻译为 文档流 ， 字面翻译 普通流 或者标准流都可以。前面我们说过，网页布局的核心，就是用CSS来摆放盒子
原创
2020-07-02 17:17:15
1058阅读
很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。 写在前面的话： &nb
转载
精选
2014-06-18 12:36:17
921阅读
点赞
display属性用来设置或检索对象是否及如何显示默认值：对于HTML文档来说，这取决于你使用的标签继承性：不继承支持动画：否display是一个很重要的CSS属性，设定的值会对一个HTML元素的内部和外部表现造成影响值列表：none：不显示该元素 给display设置none，浏览器就不会渲染该元素，虽然元素存在DOM中，可以通过JS访问，但是从视觉上，是完全消失。block:块级元素
转载
2023-12-21 12:56:34
130阅读
1、标准流（普通流/文档流）标准流就是标签按照规定好的默认方式排列（1）块级元素会独占一行，按照从上到下的方式排列（2）行内元素会按照顺序，从左到右的顺序进行排列，遇到父元素则自动换行（3）纵向排列标准流，横向排列用浮动 2、浮动的简单应用（1）让多个块级元素水平排列在一行（这里将行内元素转换为了块级元素）<!DOCTYPE html><html>
<head
转载
2021-05-04 22:24:25
3800阅读
点赞
2评论
一、浮动 left 元素向左浮动 right 元素向右浮动 none 元素不浮动 &nbs
原创
2016-05-12 22:12:23
621阅读
标准文档流标准文档流也称为正常文档流标准文档流是按照HTML元素的类型来定位的。HTML元素可以分为块级元素和行内元素。块级元素会按照从上到下的垂直顺序来排列。行内元素则按照水平顺序来排列盒子，从左到右还是从右到左取决于文档顺序浮动定位浮动定位采用float属性实现float属性值可以为left或者right当HTML元素设置float属性后，HTML元素将脱离标准文档流，也就是说HTML元素将不
原创
2016-07-16 09:29:43
377阅读
