问答详情
源自:12-7 长胖长高点--宽度和高度

父容器的100%这个怎么理解,举个栗子?

块状元素有一个特点之一:在不设置宽度的情况下,显示为父容器的100%

提问者:精慕门4438460 2016-05-07 20:12

个回答

  • 阮肥
    2016-05-11 11:29:19

    <ul>
        <li>别让不会说话害了你</li>
    </ul>

    以上例子,<ul>与<li>互为父子标签,也就是<li>标签是<ul>标签的子元素,而<ul>标签是<li>标签的父元素。

    <ul>标签自身是块级元素,块级元素特性有一条是:每个块级元素都占一行,其后的元素也另起一行。

    本节课例子,“别让不会说话害了你”这一行文字,虽然字数不够一行,所加边框确是一行的宽度,原因就是,在不设置宽度的情况下,显示为父容器的100%。

  • qq_苏是_03252531
    2016-05-07 20:26:51

    这个 不难理解,“父容器的100%”就是子元素的宽度与父元素大小完全相同。“不设置宽度的情况下”,体现出一种继承性。也可以这么想,既然不设置,那只能参照父元素了,不然能怎么设呢?