摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>62-浮动元素字围现象</title> <style> div{ float: left; width: 100px; height: 100px; /*bac 阅读全文
posted @ 2017-03-26 16:06 甘林梦 阅读(635) 评论(0) 推荐(0) 编辑
摘要: 61-浮动元素贴靠现象 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>61-浮动元素贴靠现象</title> <style> .father{ width: 400px; height: 400px; bord 阅读全文
posted @ 2017-03-26 16:03 甘林梦 阅读(393) 评论(0) 推荐(0) 编辑
摘要: 60-浮动元素排序规则 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>60-浮动元素排序规则</title> <style> .box1{ float: left; width: 50px; height: 5 阅读全文
posted @ 2017-03-26 15:59 甘林梦 阅读(428) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>59-浮动元素的脱标</title> <style> .box1{ float: left; width: 100px; height: 100px; back 阅读全文
posted @ 2017-03-26 11:23 甘林梦 阅读(332) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>58-网页的布局方式</title> <style> /* div,h1,p{ border: 1px solid #000; } span,strong,b{ 阅读全文
posted @ 2017-03-26 11:20 甘林梦 阅读(357) 评论(0) 推荐(0) 编辑