![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Elia_Chen
看见自己的进步进步
展开
-
js实现的极简计算器
JavaScript实现的极简计算器计算器都是熟悉的那就废话不多说直接上效果图给各位看看。最顶显示我们按键的结果,下面的框显示计算结果。主要代码如下:css #jisuanqi{ margin: 0 auto; width: 25%; height: 280px; border: 1px solid #DDD; } #shownumber{ text-align: right; text-indent: 10px; margin: 0 auto原创 2020-09-17 09:29:52 · 180 阅读 · 0 评论 -
清除浮动影响的几种方法
今天分享的是清除浮动的几种方法,当我们在布局的时候,图如下:而我们想实现的是(1)里头的元素还在框里但是保持一行,(2)框的高度跟随里头最高的元素。我知道有很多方式可以做,但今天我们要讲的是和浮动有关,所以只用float来说。我们都知道只要father不设置高,它会随着里头元素的大小来撑开盒子。(我相信还没有人不知道把?不知道也没事,你现在知道了嘿嘿嘿)实现之前代码如下:.father{ border: 1px solid orange; width: 700px;}.son1{ wi原创 2020-09-14 10:42:08 · 3002 阅读 · 0 评论 -
DIV+CSS三种常见布局
布局一:一列固定宽度且居中效果图如下:(图片有点小请见谅,因为要截全部)主要代码如下:<style> .top,.banner,.main,.footer{ margin: 5px auto; background-color: silver; border: 2px dashed black; width: 70%; text-align: center; } .top,.footer{ height: 200px; line-height:原创 2020-09-11 17:19:41 · 8523 阅读 · 3 评论