博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于float和margin
阅读量:4477 次
发布时间:2019-06-08

本文共 480 字,大约阅读时间需要 1 分钟。

     1、同级存在浮动,如mid的前面left浮动(mid不浮动),margin则相对于父元素,mid的margin-left不是相对于left,而是相对于con(可以想象,如果left不浮动,则mid和left不在同一行,margin的参考对象自然是父元素)。但是如果margin-left的值小于left的宽度,是不起作用的(mid的宽度等于父容器宽度减去左右margin,浏览器查看元素是起作用的,ul会掉到最下面),mid和left会紧靠在一起。

    2、margin-left和margin-right相当于给元素定宽(不是显示定宽,比如如果元素内没有内容,宽度是0,当内容是连续数字或字母也起不到定宽的作用)。

       

       

      

    3、 float会使行内元素转为行内块元素,width会起作用。

    4、mid如果也加上左浮动,并且不设置宽度,margin-left和margin-right会限制mid的宽度,但是mid不会和left在同一行,尽管left右边还有足够的位子。

转载于:https://www.cnblogs.com/jaycewu/p/4694865.html

你可能感兴趣的文章
Android无法删除项目+导入项目报错
查看>>
poj 2349(最小生成树应用)
查看>>
python接口自动化测试二十五:执行所有用例,并生成HTML测试报告
查看>>
c# 指定的存储区提供程序在配置中找不到,或者无效
查看>>
最简陋的python数据
查看>>
第一堂java web课
查看>>
操作系统简介
查看>>
第1周小组博客作业--1703班06组
查看>>
vue项目中icon图标的完美引入
查看>>
C语言指针
查看>>
Java的安装
查看>>
0920 JSON数据 蓝懿
查看>>
Azure Cosmos DB 使用费用参考
查看>>
【嵌入式开发】写入开发板Linux系统-模型S3C6410
查看>>
C# 子线程与主线程通讯方法一
查看>>
006——修改tomacat的编码
查看>>
《C程序设计语言》笔记 (八) UNIX系统接口
查看>>
git常用命令
查看>>
Android必知必会-获取视频文件的截图、缩略图
查看>>
(转)理解Bitblt、StretchBlt与SetDIBitsToDevice、StretchDibits
查看>>