2020年10月6日

533 CSS3多列布局

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-10-06 18:08 冲啊！ 阅读(98) 评论(0) 推荐(0)

532 全屏布局

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-10-06 17:53 冲啊！ 阅读(111) 评论(0) 推荐(0)

531 等高布局：margin + padding，table + table-cell

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-10-06 15:01 冲啊！ 阅读(191) 评论(0) 推荐(0)

530 等分布局：flex，float，table+table-cell

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-10-06 14:10 冲啊！ 阅读(176) 评论(0) 推荐(0)

529 双飞翼布局

摘要： 双飞翼布局最早是淘宝团队提出，是针对圣杯布局的优化解决方案。 主要是优化了圣杯布局中开启定位的问题。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width 阅读全文

posted @ 2020-10-06 11:52 冲啊！ 阅读(103) 评论(0) 推荐(0)

导航