>  기사  >  웹 프론트엔드  >  CSS width:100%和width:auto的区别_html/css_WEB-ITnose

CSS width:100%和width:auto的区别_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:42:26886검색

width:100%和width:auto的区别

width:auto比较聪明,如果margin已经左右占去10px的空间,那么width给的值就是580px。

 

<style>div{width:600px;overflow:auto;background:#ccc;}p{        width:auto;        margin:10px;        background:red;}</style></head><body><div>    <p>123</p></div></body></html>

 

 

 

如果是width:100%,则说明p的width会得到600px就已经充满div区域,然后自己又有margin,所以会出现滚动条。

 

div{width:600px;overflow:auto;background:#ccc;}p{        width:100%;        margin:10px;        background:red;}</style></head><body><div>    <p>123</p></div>

 

 

 

都是以父元素的宽度为参照。

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.