Css 父分区内有3个分区,不自动调整大小

Css 父分区内有3个分区,不自动调整大小,css,dynamic,html,parent-child,Css,Dynamic,Html,Parent Child,我是一名网络设计新手,我想知道如何才能做到这一点: .......................... LEFT --- CENTER ---- RIGHT .......................... 那有什么问题?我正在调整浏览器的大小,它们似乎越来越大越来越小。如果您谈论的是它们并非都是内联的,那么您需要这样做: <div id="parent"> <div id="left"> Left Content </div&

我是一名网络设计新手,我想知道如何才能做到这一点:

.......................... LEFT --- CENTER ---- RIGHT ..........................
那有什么问题?我正在调整浏览器的大小,它们似乎越来越大越来越小。如果您谈论的是它们并非都是内联的,那么您需要这样做:

<div id="parent">
    <div id="left">
        Left Content
    </div>
    <div id="center">
        Center Content
    </div>
    <div id="right">
        Right Content
    </div>
</div>

左内容
中心内容
正确内容

然后将它们全部向左浮动。(

这有什么不对?我正在调整浏览器的大小,它们似乎越来越大越来越小。如果您谈论的是它们并非都是内联的,那么您需要这样做:

<div id="parent">
    <div id="left">
        Left Content
    </div>
    <div id="center">
        Center Content
    </div>
    <div id="right">
        Right Content
    </div>
</div>

左内容
中心内容
正确内容

然后将它们全部向左浮动。(

您可以大大简化:

HTML:
id
s不是每个孩子都需要的,就像在你的网站上一样,他们的样式是相同的<代码>类别es仅用于彩色背景

<div id="container_m">
    <div class="red">
        <p>My name is Barnabas</p>
    </div>

    <div class="yellow">
        <p>Till salu</p>
    </div>

    <div class="green">
        <p>Senaste nytt</p>
    </div>
</div>​

你可以大大简化这一点:

HTML:
id
s不是每个孩子都需要的,就像在你的网站上一样,他们的样式是相同的<代码>类别es仅用于彩色背景

<div id="container_m">
    <div class="red">
        <p>My name is Barnabas</p>
    </div>

    <div class="yellow">
        <p>Till salu</p>
    </div>

    <div class="green">
        <p>Senaste nytt</p>
    </div>
</div>​

浮动div有时会破坏父div的自动调整大小。为确保父div的自动调整大小正确,我要做的是将其添加到父div,就在最后一个浮动子div的后面:

<div style="clear: both;"></div>


这可能是一个肮脏的修复或其他问题,但它确保父div始终与其子div一起调整大小。

浮动div有时会破坏父div的自动调整大小。为确保父div的正确自动调整大小,我要做的是将其添加到父div,就在最后一个浮动子div的后面:

<div style="clear: both;"></div>


这可能是一个肮脏的修复程序,但它确保了父div总是与其子div一起调整大小。

为什么它们上有相对定位?为什么它们上有相对定位?