摘要: <!doctype html> <html> <head> <meta charset=utf-8> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scala 阅读全文
posted @ 2020-02-23 21:55 一阙梅曲香素笺 阅读(1398) 评论(0) 推荐(0) 编辑
摘要: calc()支持CSS3;任何长度值都可以使用calc()函数进行计算;calc()函数支持 "+", "-", "*", "/" 运算; calc()函数使用标准的数学运算优先级规则 定义与用法 calc() 函数用于动态计算长度值。 ● 需要注意的是,运算符前后都需要保留一个空格,例如:widt 阅读全文
posted @ 2020-02-23 11:57 一阙梅曲香素笺 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 响应式Web设计经常需要我们通过百分比设置组件宽度。如果我们不考虑边框,那么很容易就可以实现,但如果你给每一列以及总宽度都采用百分比设置,那这个时候固定的边框大小就会出来捣乱。下面我们将看到一组方法去解决这个问题,你会学到如何创建一个流式布局,而不用担心额外的边框以及内边距。 假设我们需要一个五列的 阅读全文
posted @ 2020-02-23 11:54 一阙梅曲香素笺 阅读(770) 评论(0) 推荐(0) 编辑
摘要: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <style> .fuqing{ border: 1px solid red; overflow: hidden; } .erzi{ b 阅读全文
posted @ 2020-02-23 11:42 一阙梅曲香素笺 阅读(153) 评论(0) 推荐(0) 编辑