CSS子元素选择器解决table宽度问题

一个table，外层是一个div，现在希望table的宽度和div一样，我们很自然的就写

table {

　　width:100%;

}

完了发现table的宽度不是和div一样，而是和整个页面一样！百思不得其解，查阅了许多文章都无法解决。

 

后来仔细一想，浏览器在处理这个CSS的时候，会不会忽略了table的层级关系呢？如果在CSS中强调层级关系会怎样？

 

于是，改成

div>table{

　　width:100%;

}

保存，刷新，成功