块级元素和行内元素 HTML里的元素可以分为块级元素和行内元素两大类： 🅰块级元素：块级元素典型特点就是它要独占一行，它后面跟随的其它元素都会被挤到下一行，可以将块级元素理解为一个矩形容器，有自己的宽度和高度。比如：<div><p><hi>< ...

我们在编写网页代码时，首先应该做的就是设计好页面的布局形式，然后再往里面填充内容。网页布局的好与坏，直接决定了网页最终的展示效果。PC端常见的网页布局形式有两列布局、三列布局等。在CSS中，我们通常使用浮动(float)、定位(position)、显示模式(display)相关属性结合使用，以达到 ...

我们在编写网页代码时，首先应该做的就是设计好页面的布局形式，然后再往里面填充内容。网页布局的好与坏，直接决定了网页最终的展示效果。PC端常见的网页布局形式有两列布局、三列布局等。在CSS中，我们通常使用浮动(float)、定位(position)、显示模式(display)相关属性结合使用，以达到 ...

前言 关于布局与定位是Web前端开发里非常基础而又重要的部分。介绍相关知识的文章，很容易就可以找到。虽然，这方面的知识点不是很多，但我们如果不弄清楚，在运用时候往往会出现预料之外的布局，这些“意外”有时候很令人苦恼。下面根据我的学习和编程经验来谈一下这方面的要点。 要想完美的实现自己的布局 ...

stick定位一如其名：它随“正常”文档流而动，直到规定位置，尔后“粘”在那里；或者，当它发现自己可以跟随“正常”文档流而脱离sticky位置时，就果断离开从而加入文档流。 代码与效果如下： 标题行设置了背景色。如果不设置背景色（背景透明），正常文档流的文字就会和标题行文字重叠 ...

css之定位 本人博客：查看文章 1.什么是定位： css中的position属性，position有四个值：absolute/relative/fixed/static(绝对/相对/固定/静态(默认))通过定位属性可以设置一些不规则的布局，使用TLBR(top,left ...

一、使用$标识原生DOM元素 二、要使用top，left等定位属性 要先将该元素设置position属性，absolute或者relative等 三、十种选择器 三类基础选择器： ID选择器； class选择器； 标签选择器，tag； 以下为延伸的选择器 ...

　　上面我们一起研究了浮动布局的特点和如何清除浮动给布局带来的不良影响，今天我们继续来研究定位流布局的特点和一些常用的布局技巧。 　　定位流主要有三种，一是相对定位，二是绝对定位，三是固定定位；下面我们一一进行分析。 　　相对定位 　　相对定位就是相对于自己以前在标准流中的位置来移动 ...