码迷,mamicode.com
首页 > 其他好文 > 详细

盒子模型

时间:2018-03-18 22:27:22      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:oat   gpo   元素   height   .com   移动   盒子模型   网页   pos   

网页布局

1.display的特性

技术分享图片

技术分享图片

display:inline 块元素变为行内元素

 

2.float属性

技术分享图片

 

清除浮动clear

技术分享图片

解决父级边框塌陷的问题

技术分享图片

1.第一种方法

技术分享图片

2.第二种方法

技术分享图片

3.第三种方法

 技术分享图片

overflow属性

技术分享图片

注:auto与scroll的区别是,auto无横向移动条

 

4.父级添加伪类after

技术分享图片

 

盒子模型

标签:oat   gpo   元素   height   .com   移动   盒子模型   网页   pos   

原文地址:https://www.cnblogs.com/zxj-262410/p/8597722.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!