![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
老班老班
这个作者很懒,什么都没留下…
展开
-
关于BFC(块级格式化上下文)的种种
关于定义BFC的简单定义为一个独立的渲染区域,只有Block-level Box参与,它规定了内部Block-level Box如何布局,并且这个区域与外部毫不相干。BFC对于浮动和清除浮动来说非常重要举个例子:图中如果页面正中的文字是比较少的话看着是比较正常的,但是当我们需要继续添加下一个标题时,我们一般希望标题是左对齐的,但是如果直接添加的话,结果是不如人意的,就像这样:一...原创 2019-02-15 16:20:35 · 235 阅读 · 0 评论 -
实现三列布局的三种方法
1.绝对定位<div class="containt"> <div class="left"></div> <div class="center"></div> <div class="right"></div>原创 2019-03-18 16:22:04 · 1158 阅读 · 0 评论 -
css如何绘制一个等边三角形
我们首先绘制出一个一般的三角形,那么代码应该是如此的<body> <div class="triangle"> </div> </body>.triangle { border-left: 50px solid transparent; border-right: 50px solid transparent; ...原创 2019-03-27 16:27:19 · 8457 阅读 · 0 评论 -
关于居中
关于居中:(1)将margin设置为auto:这种方法只能实现水平居中,并且对float和绝对定位的元素无效(可以实现块状元素的水平居中:我们只需要将它的margin-left和margin-right设置成auto)(2)使用text-align:center:只能对图片,按钮,文字等行内元素进行居中可以实现多个块状元素的水平居中(将水平排列的元素设置为display:inline-bl...原创 2019-04-23 14:33:00 · 169 阅读 · 0 评论 -
圣杯布局与双飞翼布局
圣杯布局:.header{width: 100%;height: 30px;background: red;}.content{overflow: hidden;padding: 0 100px;}.footer{width: 100%;height: 30px;background: red;}.middle{position: relative;...原创 2019-04-25 09:34:21 · 130 阅读 · 0 评论