width100%什么意思，width怎么读
大家好，关于width100%什么意思很多朋友都还不太明白，今天小编就来为大家分享关于width怎么读的知识，希望对各位有所帮助！
是什么意思
表示让这个DIV的宽度为百分之百显示，这取决于父级的宽度，如果父级为body那么这个div就是跟浏览器的宽度相同，如果父级为其他的DIV并且父级DIV有宽度，比如父级的DIV是500PX，那这时的div宽度就是500。
style是样式表的意思，里面的width是宽度，宽度可以使用百分比，也可以用PX（像素）来表示。
width:auto和width:100%的区别
[1] width:100%并不包含margin-left margin-right的属性值，直接取其父容器的宽度加上含margin-left/margin-right的值。如果设置了margin那新的width值是容器的宽度加上margin的值。（细心观察）就会发现加了 margin相对应的边就会多出设置的空白。而且会多出横向滚动条因为宽度已经超出了屏幕的范围。(这条相对于父容器是body)。
[2] width:auto包含margin-left/margin-right的属性值。其值包含margin-left/margin-right的值。width:auto总是占据整行！！！这其中margin的值已经包含其中了（也就是一整行）如果要设置margin的值那就用一整行然后减去margin的值就得到了现在的宽度了。减去的这个值就是相应边得空白。显著的特征是这个没有横向滚动条出现也就是宽度没有增加。
[3]在IE6下显示不正常，但是在IE8和IE9下显示正常，可能是IE8和IE9对width:100%的解析与IE6不同所致，但是两者对width:auto的解析是一致的。
css,做了一个整个页面宽度width:100%,效果也出来了
一、首先要明确，之所以用div，就是因为可以让页面分段读取，一段段显示，而不需要像以前一样读取完整个table后才显示。因此你给整个页面加一个大的div反而让页面失去了原有的优势。
二、让你的页面居中有几种方法。
1、给body赋予text-align: center;属性，缺点是，div内的文字也会居中，还要给div赋予text-align: left;属性。
2、给div赋予margin: 0px auto;属性，优点是，div内文字不会居中。缺点暂时尚未发现。
三、float用途很广，主要用于div的左右方向排列。
横向menu导航用得很多，而图片横向排列也用得多，要注意的是，横向排列的div之间的间隙问题。
<style type="text/css">
body
div
</style>
<div style="background:#FF0000">第一个</div>
<div style="background:#33FF33">第二个</div>
<div style="background:#3366FF">第三个</div>
四、display最常用的就是将<a>超链接转变为块元素，在内页的纵向二级导航以及新闻列表方面可以起到很不错的作用。
<style type="text/css">
body
a
</style>
<a style="background:#FF0000" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">第一个</a>
<a style="background:#33FF33" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">第二个</a>
<a style="background:#3366FF" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">第三个</a>
打完收工。
文章分享结束，width100%什么意思和width怎么读的答案你都知道了吗？欢迎再次光临本站哦！