關於float和margin

     一、同級存在浮動,如mid的前面left浮動(mid不浮動),margin則相對於父元素,mid的margin-left不是相對於left,而是相對於con(能夠想象,若是left不浮動,則mid和left不在同一行,margin的參考對象天然是父元素)。可是若是margin-left的值小於left的寬度,是不起做用的(mid的寬度等於父容器寬度減去左右margin,瀏覽器查看元素是起做用的,ul會掉到最下面),mid和left會緊靠在一塊兒。瀏覽器

    二、margin-left和margin-right至關於給元素定寬(不是顯示定寬,好比若是元素內沒有內容,寬度是0,當內容是連續數字或字母也起不到定寬的做用)。對象

       

       

      

    三、 float會使行內元素轉爲行內塊元素,width會起做用。容器

    四、mid若是也加上左浮動,而且不設置寬度,margin-left和margin-right會限制mid的寬度,可是mid不會和left在同一行,儘管left右邊還有足夠的位子。float

相關文章
相關標籤/搜索