Question

仍在学习如何编织和编织。我有:

<div id="Fascione">
</div>
<div id="Wrapper">
    <div id="Menu">
    </div>
    <div id="Contenuto">
        <div id="Liturgia">
        </div>
        <div id="Container">
            <div id="Ristorante">
            </div>
            <div id="Insieme">
            </div>
            <div id="Progetto">
            </div>
        </div>
        <div id="Unitre">
        </div>
    </div>
</div>
<div id="Footer">
</div>

and css looks like:

html, body{width:100%;height:100%;}
body{width:1024px; margin:0px auto;padding:0px;border-width:0px;}
div#Fascione{width:inherit;height:125px;border-bottom:2px solid black;}
div#Wrapper{width:inherit;padding:8px 0px 8px 0px;/*background-color:#647;*/}
    div#Menu{float:left;width:200px;/*background-color:#F41;*/}
    div#Contenuto{margin-left:208px;/*background-color:#9bb;*/}
         div#Liturgia{float:left;width:34%;margin-bottom:1%;background-color:#987;}
         div#Container{float:left;width:65%;margin-bottom:1%;margin-left:1%;background-color:#aaaaaa;}
            div#Ristorante{float:left;width:49%;margin-bottom:1%;margin-left:1%;background-color:#123;}
            div#Insieme{float:left;width:49%;margin-bottom:1%;margin-left:1%;background-color:#abc;}
            div#Progetto{float:left;border-top:1px solid gray;background-color:#369;}
     div#Unitre{clear:left;border-top:1px solid gray;background-color:#de7;}
div#Footer{clear:left;width:inherit;height:40px;border-top:2px solid black;/*background-color:#1a9;*/} /* clear left needed! */

我想做的是,将“Progetto”与“Unitre”上岸边界连接起来。

我在阅读其他职位时试图将“Container”定在职位上:relative和“Progetto”职位上:absolute;bottom:0px;但这不是我所需要的。

Can anyone help me?

Answer 1

设置具有相对地位的集装箱不是一种良好做法。你们应该做的是,把两个小块的边缘 zero为零,只把边界加到必要的一边,例如:

    Proggetto{
//no bottom border;
border:1px 1px 0 1px;
border-color:black;
margin:0;
}
Unitre{
border:1px solid black
margin:0;
}

友情链接