                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

宽度问题啊

.head{ width:100%; height:100px; background:#ccc}

.head{ height:100px; background:#ccc}

请问定义宽度100%和不定义的区别？

慕仔3369384

2017-12-01

源自：如何用CSS进行网页布局 2-3

关注问题我要回答

1420

操作

收起

1 回答

qq_冇_7
2017-12-01

定义了width:100%，就相当于浏览器窗口的可视宽度，或者是已定义宽度的body的宽度。
不定义宽度的话，块级元素宽度会自适应。如果不再增加别的样式，宽度也就相当于100%。
在此基础上，如果为块级元素增加margin-left 和 margin-right,那么定义了width:100%的块级元素宽度不变，仍就相当于浏览器窗口的可视宽度，或者是已定义宽度的body的宽度。而未定义宽度的块级元素的宽度会在浏览器基可视宽度或者是已定义宽度的body的宽度础上自动减去magin的值。