首頁 > web前端 > html教學 > CSS DIV嵌套于各层底部_html/css_WEB-ITnose

CSS DIV嵌套于各层底部_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:46:53
原創
1430 人瀏覽過

    网上找了很多例子,不不可行,之后在csdn帖子中找到了,记录一下。

    一定要在三层div中设置

style="position:relative;"
登入後複製

效果图:

CSS:

div{border:1px solid black;}#content{height:100%;}#left{width:20%;height:100%;float:left;position:relative;}#right{width:78%;height:100%;float:right;position:relative;}#bottom{width:100%;position:absolute;bottom:0;}
登入後複製

HTML:

<div id="content" name="content">    <div id="left" name="left">        <div id="top" name="top">图片</div>        <div id="bottom" name="bottom">底部</div>    </div>     <div id="right" name="right">右边			<div id="top" name="top">图片</div>			<div id="bottom" name="bottom">底部</div>	  </div></div>
登入後複製




來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板