方法一:靠浮动 ######使用浮动，先渲染左右两个元素，分别让他们左右浮动，然后再渲染中间元素，设置它的margin左右边距分别为左右两个元素的宽度。 html部分(注意：此方法中间元素必须放在最后位置!) <div class="container"> <div class="left"></d ...
分类：
Web程序 时间：
2020-08-24 16:36:30
阅读次数：
60
在前端开发过程中，非IE浏览器下，当容器的高度自动，并且容器内容中有浮动元素（float为left或right），此时如果容器的高度不能自适应内容的高度，从而使得内容溢出破坏整体布局，这种现象叫做浮动溢出，为了方式这个现象的发生，就需要对CSS样式进行处理，而这个过程就叫做CSS清除浮动。现在常用的 ...
分类：
Web程序 时间：
2020-08-20 19:24:01
阅读次数：
134
1、浮动 1、标准流（文档流）：元素按部就班按照自身的特性排列 2、浮动定义：元素会脱离标准普通流的控制，移动到指定位置的过程 3、使用： (1) 左浮动：float：left (2) 右浮动：float：right 4、结论 (1) 浮动后的元素会脱离标准流，漂浮在其他没有浮动的盒子上边 (2) ...
分类：
Web程序 时间：
2020-08-18 15:37:08
阅读次数：
107
对于元素类型的了解。非常有助于我们给元素设置样式，在不注意元素类型的情况下，一股脑地设置样式，有时候却不生效。
...
分类：
其他好文 时间：
2020-08-18 13:24:04
阅读次数：
61
CSS的定位 1. 定位的必要性 浮动可以让多个块级盒子一行没有缝隙地排列显示，经常用于横向排列盒子 定位则是可以让盒子自由地在某个盒子内移动位置或者固定在屏幕中的某个位置，并且可以压住其它盒子 2. 定位的组成 定位=定位模式+边偏移 **定位模式：**用于指定一个元素在文档中的定位方式，通过po ...
分类：
Web程序 时间：
2020-08-10 18:42:34
阅读次数：
138
通过盒子模型,清楚知道大部分html标签是一个盒子。 通过css浮动,定位可以让每个盒子排列成为网页。 一个完整的网页,是标准、浮动、定位一起完成布局的,每个都有自己的专门用法。 1.标准流 可以让盒子上下排列或者左右排列,垂直的块级盒子显示就用标准流布局。 2.浮动 可以多个块级元素一行显示或者左 ...
分类：
Web程序 时间：
2020-08-07 22:59:14
阅读次数：
93
1 2 root@ubuntu:/home/ubuntu# lspci |grep -i vga 02:00.0 VGA compatible controller: NVIDIA Corporation GM200 [GeForce GTX TITAN X] (rev a1) 显示当前GPU使用情 ...
分类：
其他好文 时间：
2020-08-05 14:28:49
阅读次数：
79
CSS基础 1. 什么是CSS Cascading Style Sheet 层叠级联样式表 CSS：表现层（美化网页） 字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动... 2. 发展史 CSS1.0 CSS2.0 DIV（块）+CSS，提出了HTML与CSS分离的思想，网页变得很简单 ...
分类：
Web程序 时间：
2020-08-03 14:51:20
阅读次数：
102
为了约束浮动元素位置,我们页面布局一般采用的策略是: 先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置,符合网页布局第一准则。 ...
分类：
Web程序 时间：
2020-08-02 19:57:49
阅读次数：
120
/*清除浮动*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; } ...
分类：
其他好文 时间：
2020-07-26 23:21:45
阅读次数：
99
