在html div排版這個討論中，有超過5篇Ptt貼文，作者realskyer也提到能納入考慮的新興市場SCV相當有限，以下就針對這兩者進行比較，希望能拋磚引玉。 ... <看更多>
「htmldiv排版」的推薦目錄：
- 關於htmldiv排版 在 [問題] DIV與CSS排版問題- 看板Web_Design - 批踢踢實業坊 的評價
- 關於htmldiv排版 在 html排版語法在PTT/mobile01評價與討論 - 台鐵車站資訊懶人包 的評價
- 關於htmldiv排版 在 html排版語法在PTT/mobile01評價與討論 - 台鐵車站資訊懶人包 的評價
- 關於htmldiv排版 在 網頁設計基礎簡單div版面設計規劃01 - YouTube 的評價
- 關於htmldiv排版 在 CSS 排版神器Flexbox - 一顆藍莓 的評價
- 關於htmldiv排版 在 Wibibi 網頁設計教學分享, profile picture - Facebook - 登录或注册 的評價
- 關於htmldiv排版 在 html div排版-推薦/討論/評價在PTT、Dcard、IG整理一次看 的評價
- 關於htmldiv排版 在 html div排版-推薦/討論/評價在PTT、Dcard、IG整理一次看 的評價
htmldiv排版 在 html排版語法在PTT/mobile01評價與討論 - 台鐵車站資訊懶人包 的推薦與評價
在html div排版這個討論中，有超過5篇Ptt貼文，作者realskyer也提到能納入考慮的新興市場SCV相當有限，以下就針對這兩者進行比較，希望能拋磚引玉。 ... <看更多>
htmldiv排版 在 網頁設計基礎簡單div版面設計規劃01 - YouTube 的推薦與評價
網頁設計基礎簡單 div 版面設計規劃01 ... 網頁設計教學✏️ CSS Grid Layout 格線佈局教學｜簡單完成網頁 排版 ｜說哈設計Show Hand Design. ... <看更多>
htmldiv排版 在 CSS 排版神器Flexbox - 一顆藍莓 的推薦與評價
HTML ; CSS. Result; Skip Results Iframe. EDIT ON. <span>row</span> <div class="container row"> <div class="block red">1</div> <div class="block ... ... <看更多>
htmldiv排版 在 Wibibi 網頁設計教學分享, profile picture - Facebook - 登录或注册 的推薦與評價
HTML div 標籤在以前的應用比較單純，不過隨著CSS 技術的進步，DIV 區塊的應用越來越強大，甚至新一代的網頁設計都採用div 排版而不是傳統的table。 HTML div... ... <看更多>
htmldiv排版 在 html div排版-推薦/討論/評價在PTT、Dcard、IG整理一次看 的推薦與評價
html div排版 -推薦/討論/評價在PTT、Dcard、IG整理一次看|，另外有html div排版,CSS float 排版,html div排版,css排版教學相關文章推薦|網路熱推 ... ... <看更多>
htmldiv排版 在 html div排版-推薦/討論/評價在PTT、Dcard、IG整理一次看 的推薦與評價
html div排版 -推薦/討論/評價在PTT、Dcard、IG整理一次看|，另外有html div排版,CSS float 排版,html div排版,css排版教學相關文章推薦|網路熱推 ... ... <看更多>
htmldiv排版 在 [問題] DIV與CSS排版問題- 看板Web_Design - 批踢踢實業坊 的推薦與評價
小弟想要利用DIV與CSS做一個兩欄式的網頁，Header、Footer和treeContent是固定的，
而mainContent當內容過長時是可以下拉的，我要怎麼做才能將 treeContent 部分
和mainContent中的字顯示在 Header 下方，而不是被Header蓋住，並且 treeContent
是固定的，mainContent內容過長時是可以下拉的
執行結果連結:
https://jsfiddle.net/P9W2m/1/
以下附上我所寫的網頁:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<style type="text/css">
<!--
#header{
background:#66CCCC;
color:#FFFFFF;
border-top:2px solid #336699;
border-bottom:2px solid #336699;
width:100%;
height:20%;
position:fixed;
top:0px;
_position:absolute; /* position fixed for IE6 */
_top:expression(documentElement.scrollTop+"px");
}
#content {
float: left;
width: 100%;
}
#treeContent {
float: left;
width: 30%;
}
#mainContent {
float: right;
width: 70%;
}
#footer{
background:#CC99CC;
color:#333333;
text-align:center;
border:2px solid #999999;
padding:5px;
width:100%;
position:fixed;
bottom:0;
clear: both;
_position: absolute; /* position fixed for IE6 */
_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
}
html,body{
background:url(nothing.txt) white fixed; /* prevent screen flash in IE6 */
margin:0; padding:0;
}
-->
</style>
</head>
<body>
<div id="header">
<div id="mainHeader">Main tab</div>
<div id="subHeader">Sub tab</div>
</div>
<div id="content">
<div id="treeContent">Tree Content</div>
<div id="mainContent">
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
Main page<br />
</div>
</div>
<div id="footer">foot page</div>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.250.239.184
※ 編輯: local9433 來自: 111.250.239.184 (10/26 21:09)
... <看更多>