关于css的默认宽度 - dzxczx-html教程-PHP中文网

关于css的默认宽度 - dzxczx

php中文网

发布： 2016-05-21 08:54:50

原创

1497人浏览过

<span style="color: #0000ff;"><</span><span style="color: #800000;">div </span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="boxa"</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">div </span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="boxb"</span><span style="color: #0000ff;">></span>我是div<span style="color: #0000ff;"></</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"></</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span>

登录后复制

<span style="color: #800000;">.boxa</span>{<span style="color: #ff0000;">
          width</span>:<span style="color: #0000ff;">300px</span>;<span style="color: #ff0000;">
          height</span>:<span style="color: #0000ff;">300px</span>;<span style="color: #ff0000;">
          background-color</span>:<span style="color: #0000ff;">green</span>;<span style="color: #ff0000;">
          border</span>:<span style="color: #0000ff;">2px solid red</span>;
}<span style="color: #800000;">
.boxb</span>{<span style="color: #ff0000;">
          <!--没有写宽度即默认宽度 为父元素的100%-->
           height</span>:<span style="color: #0000ff;">300px</span>;<span style="color: #ff0000;">
           background-color</span>:<span style="color: #0000ff;">orange</span>;<span style="color: #ff0000;">
           border</span>:<span style="color: #0000ff;">2px solid red</span>;
}

登录后复制

这段代码中 boxb 的实际宽度 不会是300px;

虽然他继承的是父元素的100%;

关于这个我是这么理解的