Heim > Web-Frontend > HTML-Tutorial > CSS width:100%和width:auto的区别_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 11:42:26
Original
949 Leute haben es durchsucht

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>
Nach dem Login kopieren

如果是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>
Nach dem Login kopieren

 

 

 

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage