1. 内联样式表的权值最高 1000；
2. ID 选择器的权值为 100
3. Class 类选择器的权值为 10
4. HTML 标签选择器的权值为 1
一个元素的选择器的权值是所有选择器权值的和，冲突的时候根据权值执行，权值高的优先执行，如果权值相等，后面的会覆盖前面的
是这样的：首先：html每个标签都有他们的元素属性，这里的div就是块元素，那么就是独占一行，这一点应该是毫无疑问的吧？
然后就是浮动的问题，浮动其实就是离开元素格式化的上下文了，浮起来，这个时候你可以理解为#d1和#d2都是在#d3的上一层（用z坐标的角度去看）。所以#d3会尽可能往上跑。
d3又没有设置它漂浮，为何要清除漂浮呢？
是的，d3没有设置浮动，但是d1，d2的浮动深深的影响了d3的布局，所以她要正常排列，必须要清楚别人对她的影响。
所以换句话说，如果每个有浮动的元素如果在元素本身就做好闭合浮动的话，那么就不会对其他无辜元素产生影响，那些无辜的元素也不用去清楚浮动了。
百度搜一下：那些年我们一起清除过的浮动
这里会让你光然大悟！
希望我的回答能帮到你哈，有问题可以追问，觉得好就点个赞，有用就采纳！
你的div2没有包含在div1里，是不会出现你所说的问题的。要么就是你的css样式定义了div{...},这样所有div都会受影响。要两个互不影响，直接写.div1{...}和.div2{..}这样。如果不能理解，介意你把代码放上来。
