标签：浮动 定位 right 盒子 bottom top 第三天 学习

    今天学习了html里面的框模型，然后我们可以把框模型里面的任何一个元素，都可以理解成一个盒子，盒子是可以装“东西”的，里面的东西跟"盒子的包装"有一定的空间，两个盒子或者说多个盒子，盒子之间是不是有一定的"距离"(空间)。

其中盒子模型的组成是：①margin- 外边距-盒子与盒子之间的距离

                   ②border-边框-包装盒 

                   ③padding-内边距-填充物   

                   ④content内容-买好的东西，

    还有定位：其中top，left，right，bottom 只有元素增加定位的情况下才会使用，（相对定位）把它当做老大，（绝对定位）把它当做老二，一般不要去用top，left，right，bottom。 其中元素会脱离文档流，那样的话一般不要去用margin，用top，left，right，bottom，虽然都能达到效果，但是为了开发的方便，代码的简洁。（固定定位）肯定不是同一个爹，因为元素会脱离文档流，使用的场景然后回到顶部，还有侧边栏的广告，也就是说固定定位就是一个纯种的野孩子，没有什么可以管。但只有浏览器的窗口可以管的住，  一般的情况下：相对定位和绝对定位是同时出现的，一般所有的下拉框都是绝对配合着相对定位完成的。

    还有就是学习了浮动：浮动分为两种，左浮动和右浮动， 浮动会脱离文档流，然后浮动的难点就在于清除浮动，（清除浮动）：不是清除自身的浮动，而是清除上一个浮动对自身造成影响。
   
    

标签：浮动,定位,right,盒子,bottom,top,第三天,学习
来源： https://www.cnblogs.com/zcc123/p/10947509.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。