Question

css怎么通过子元素定位父元素

像这样：
<div clas="a">
<div class="b">
</div>
</div>

<div clas="a">
<div class="c">
</div>
</div>

<div clas="a">
<div class="d">
</div>
</div>

a有很多个它的子元素不同，我想把b、c、d的父元素a的宽和高设成三个不同的值，这个怎么做。

Answer 1

<div clas="a">　少了一个s　<div class="a">
　　类是具有相同属性元素的集合，既然a中每个都不一样，为什么还要统一定为a类呢？这是其一；
　　其二，父元素的高度是会随着子元素高度变化而变化的，所以一般在做页面的时候，我们是不设置这个高度的，除非有特殊要求；
　　其三，如果a类的其它属性都相同，只有宽度不同，可以同时让外层div具有两个类，例如：
<div class="a w1">
<div class="b">
</div>
</div>
<div class="a w2">
<div class="c">
</div>
</div>
<div class="a w3">
<div class="d">
</div>
</div>
　　其中a、w1、w2、w3都是类名，你可以在w1、w2、w3中定义不同的宽度，这样即满足了a中属性值全部相同，又满足了父元素具有不同宽度的要求。

Answer 2

　　CSS position 属性
　　通过使用 position 属性，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式。
　　position 属性值的含义：
　　static
　　元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
　　relative
　　对象不可层叠，元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。

Answer 3

1.设置不同的子元素的宽高来撑起父元素的宽高
2.添加3个不同宽高样式，加入到a后边
3.利用javascript来设置

Answer 4

class是类的意思，加上id就可以了；
把<div class="b/c/d">改成<div id="b/c/d">

追问

不能加，这是别人自动生成的