html开发核心display、overflow、position

display

说白了，就是决定你这个输入的，到底是行还是块，还是行内块等等···决定了你的这个div或者别的，是个什么样的形式存在于这个页面，block块占据了一整行，inline后设置的叫做内联元素，也就是一行一行的，空白的位置不占位置，但是block有空白的行【比如同一行或多行左边有图片，右边空白的，block全部占据，不让别人放置东西】，全部占据！inline-block可以设置长宽属性。

overflow

说白了，就是你的图片比你的div框架还大，咋办呢？设置属性就在于此，但是一般我都不希望我的图片比框架更大，然后超出去很难看，可以看一下我的另一篇文章，说css图片自适应怎么完成的

position

relative

relative不用多说

absolute

absolute和fix区别在这

展示一下。

滚动到下面，看到了absolute可以滚动，只是绝对定位而已。

fixed

无法滚动！看不见了！

sticky

还有一个sticky属性

用的比较多就是用来做导航栏的

其次请看

说明指定position后，元素处于漂浮状态，不占据位置！

html开发核心display、overflow、position相关推荐

'display'，'position'和'float'相互关系
本帖最后由 WebAdvocate 于 2010-08-30 17:03:47 编辑 'display','position'和'float'相互关系前面几贴,我们介绍了display,positi ...
微软赵立威：云计算技术是移动互联网开发核心
微软赵立威:云计算技术是移动互联网开发核心 2012-03-22 09:47 | 177次阅读 | 来源:创业邦 [已有0条评论]发表评论关键词:微软 | 作者:q.lr | 收藏这篇资讯 3月20 ...
Ken按特性开发核心思想
Ken按特性开发核心思想在外企例如IBM.E///.Cisco等公司软件开发最重视需求和测试, 通过测试来驱动设计和开发. 1.不要对项目进行分析,需要对产品进行分析,这样才能抓住差异隔离点 ...
前端开发核心知识进阶
课程内容开篇词:如何突破前端开发技术瓶颈日本后现代主义作家村上春树写过一本富有哲理的书--<当我谈跑步时我谈些什么>. 书中,他谈到,跑步跟写作一样:都需要坚毅隐忍,追逐超越:都需要心 ...
郑州酒店管理系统开发核心功能
随着人们生活水平的提高,越来越注重生活质量的追求,所以旅游成为人们生活中并不可少的一部分,这也让酒店的需求也提升起来,为了更便捷的为用户提供服务,很多酒店慢慢开始把业务拓展到网上,酒店管理系统开发应运 ...
英语口语训练APP开发核心功能
英语口语训练APP开发,英语口语训练APP开发核心功能.你有没有那么一些情况下,应对老外只有生憋出一两句简单的英文语句,而此刻大家经常会后悔莫及自身当时没有好好地学习英语口语,而以便让大家能在日常生活 ...
智能点餐系统软件开发核心内容
智能点餐系统开发,智能点餐系统开发核心内容. 1.移动点餐构建自身的外卖送餐.订购.点餐服务平台,深层连接店家微信公众号,是完全归属于餐饮业店面自身的网上点餐服务平台,不会再向别的服务平台交纳服务费 ...
wordpress主题开发核心知识
课程文件目录:wordpress主题开发核心知识 1.简介 1.1简介.mp4 2. 开发准备 2-1: WordPress开发准备(上)之知识准备.开发工具和运行环境准备.mp4 2-2: Word ...
CSS网页布局心得（样式优先级，块级元素，内联元素，display，position，float）
文章涉及的知识点:CSS,样式优先级,块级元素,内联元素,display,position,float 使用top;right; bottom;right时,要注意是对于哪个元素进行定位,要保证定位元 ...

html开发核心display、overflow、position

html开发核心display、overflow、position

display

overflow

position

relative

absolute

fixed

sticky

html开发核心display、overflow、position相关推荐

最新文章

热门文章