2021年11月20日
利用float实现三栏布局
摘要： <head> <style> /* html同上 */ #container { width: 900px; height: 600px ; border: 2px dashed ;margin: 0 auto; /*在body居中显示*/ } #container div {margin:5px; 阅读全文
posted @ 2021-11-20 20:36 paoPaoLong_liu 阅读(63) 评论(0) 推荐(0)
居中显示
摘要： 1、让一个div在网页中居中，给这个div添加 margin:0 auto 样式即可; 2、让div中的文字居中，给这个div添加 text-align:center 样式即可; 3、让一个div在另一个div中居中显示： 子div的position设为absolute,左上顶点设到父div中心，然 阅读全文
posted @ 2021-11-20 18:09 paoPaoLong_liu 阅读(109) 评论(0) 推荐(0)
float+overflow:hidden实现两列布局
摘要： <style> .container{ overflow: hidden; zoom:1; } .left{ width: 300px; height: 600px; float: left; background-color: #aaa; } .right{ height: 600px; /*wi 阅读全文
posted @ 2021-11-20 11:50 paoPaoLong_liu 阅读(59) 评论(0) 推荐(0)
html+css单列布局
摘要： html+css单列布局 <style> .header{ margin:0 auto; /*居中*/ max-width: 960px; height:100px; border:1px solid red; } .content{ margin:0 auto; max-width: 900px; height:600px 阅读全文
posted @ 2021-11-20 11:02 paoPaoLong_liu 阅读(67) 评论(0) 推荐(0)