用CSS如何让节点宽度自动填满

html-css05

用CSS如何让节点宽度自动填满,第1张

宽度根据父级来定的:百分比——100% -->width:100%;(此时宽度填满为父级的宽度)。要注意,如果不是填满你希望的宽度,那就是父级的宽度需要你调整了;

display:block;块元素自动占满一行宽

因为浏览器默认情况下会为元素添加margin和padding属性,需要将这两个属性初始化为0.

1、新建html文档,在body标签中添加一个div标签,然后为这个div设置一些样式:

2、用浏览器打开编辑好的html文档,这时可以从浏览器中发现浏览器四周留有一些白色空隙:

3、在style标签中为“*”添加“margin: 0padding: 0”样式,“*”表示所有元素,“margin”和“padding”表示外边距和内边距:

4、用浏览器重新打开编辑好的html文档,这时浏览器四周的白色空隙都会被去除: