Re: [問題] 關於css
小弟是新手,講一下自己的想法:)
要求:B的內容有增減時,A、C的長度會隨B而改變,且版權宣告要置底
小弟直覺上會先去改htm本身的結構,讓它變成
<div id="menu">
<div id="pic">
<div id="contents">
B區塊的內容
</div>
</div>
</div>
<div id="menu_data">
A區塊內容
</div>
<div id="pic_data">
C區塊的內容
</div>
<div>
版權宣告
</div>
如此contents加長時,pic、menu會隨著加長,且版權宣告會在最下面
然後css再排一下:
#menu{
width:總寬;
background:要的顏色;
}
#pic{
width:pic的原本寬度+contents的原本寬度;
background:要的顏色;
margin:0 0 0 menu的寬度;
padding:0 0 0 contents的寬度;→這一段是小弟理解錯誤
}
#contents{
width:contents的原本寬度;
background:要的顏色;
margin:0 C的寬度;→這一段應該是margin:0 C的寬度 0 0;
}
再將menu_data、pic_data絕對定位到想要的位置
--
請鞭^_^||
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.117.212.87
※ 編輯: ghostfire 來自: 59.117.212.87 (05/06 22:58)
推
05/06 23:02, , 1F
05/06 23:02, 1F
推
05/07 00:11, , 2F
05/07 00:11, 2F
推
05/07 03:20, , 3F
05/07 03:20, 3F
小弟早上拿自己的網頁修改一下,看看是不是您要的效果:
http://home.pchome.com.tw/mysite/rockhawkeye/test.htm
css檔如下
http://home.pchome.com.tw/mysite/rockhawkeye/test.css
※ 編輯: ghostfire 來自: 59.115.7.183 (05/07 08:09)
推
05/07 11:35, , 4F
05/07 11:35, 4F
→
05/07 11:36, , 5F
05/07 11:36, 5F
推
05/07 18:30, , 6F
05/07 18:30, 6F
討論串 (同標題文章)
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章