我们可以在固定布局网页中使用百分比宽度吗?

时间:2016-09-03 09:31:11

标签: css3 responsive-design fluid-layout fixed-width

我正在尝试理解固定的,流畅的和响应式的网页设计,我经历的网站之一是fixed or fluid,在这里它说“固定的网站布局有一个固定宽度的包装,以及其中的组件具有百分比宽度或固定宽度。“固定布局可以有百分比宽度,这就是令我困惑的事情。不给出百分比宽度仅用于流体布局?是不是流体流动的原因?有人可以解释一下吗?

1 个答案:

答案 0 :(得分:0)

文章说"其中的 组件具有百分比宽度或固定宽度"

固定宽度的百分比实际上是固定的,因为它总是具有相同的固定大小。

示例:

容器组件的固定宽度为1000px。两个内部组件的宽度分别为70%和30%。第一个将始终为700px,第二个将始终为300px。

<body style="width: 1000px">

    <div style="width: 70%">Component #1, will always be 700px width</div>
    <div style="width: 30%">Component #2, will always be 300px width</div>

</body>

如文章所述:&#34;重要的是容器(包装)元素设置为不移动&#34;。如果删除容器元素的1000px的固定大小,则将丢失固定布局。