CSS屬性中的width:auto;或不設跟width:100%;的區別


width: auto或不設置寬度

  • 子元素(包括content+padding+border+margin)撐滿整個父元素的content區域。
  • 子元素有margin、border、padding時,會減去子元素content區域相對應的width值
  • 父元素的content = 子元素(content + padding + border + margin )

width: 100%

  • 強制將子元素的content區域 撐滿 父元素的content區域
  • 子元素有margin、border、padding時,不改變子元素content區域的width,而是溢出父盒子,保持原有值
  • 父元素的content = 子元素的content

簡單來說,就是子元素width:auto;時父元素的content=子元素的content+margin,border之類的,即設置margin之類屬性有效,而設置width:100%;則會強制性的撐滿父元素的空間。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM