一个table,外层是一个div,现在希望table的宽度和div一样,我们很自然的就写
table {
width:100%;
}
完了发现table的宽度不是和div一样,而是和整个页面一样!百思不得其解,查阅了许多文章都无法解决。
后来仔细一想,浏览器在处理这个CSS的时候,会不会忽略了table的层级关系呢?如果在CSS中强调层级关系会怎样?
于是,改成
div>table{
width:100%;
}
保存,刷新,成功
一个table,外层是一个div,现在希望table的宽度和div一样,我们很自然的就写
table {
width:100%;
}
完了发现table的宽度不是和div一样,而是和整个页面一样!百思不得其解,查阅了许多文章都无法解决。
后来仔细一想,浏览器在处理这个CSS的时候,会不会忽略了table的层级关系呢?如果在CSS中强调层级关系会怎样?
于是,改成
div>table{
width:100%;
}
保存,刷新,成功
转载于:https://www.cnblogs.com/mysticc/p/5546066.html