HTML变列自适应布局三行,CSS三行三列DIV高度自适应的设置
上一篇博客里引用了www.52css.com里的一篇關于使用腳本控制三行三列div高度自適應的設置方法，其實不必如此麻煩，只要給父div設置一個固定高度，比如10px,其子div的height:100%就可實現高度自適應，不信，看代碼：
body {
font-family:
arial, helvetica, sans-serif;
color:
black;
margin:
5px;
background:#ffc url(d:/8767a.gif) repeat-y;
padding:
0;
font:12px;
letter-spacing:1px;
text-align:center;
font:120%;
}
ul
{
list-style-type:square;
list-style-image:url(d:/8767a.gif);
list-style-position:inside;
}
li
{
border:1px green solid;
border-width:0px 0px 1px 0px;
cursor:wait;
}
.inline
{
display:block;
}
.div
{
paddin-top:-40px;
}
.maxfont
{
font-size:180%;
}
#header
{
background:gray;
margin:2px 0px;
width:790px;
}
#left
{
background:#ffeef0;
float:left;
width:195px;
height:100%;
}
#middle
{
background:#ffaae0;
float:left;
width:390px;
margin:0px 5px;
height:100%;
}
#right
{
background:#ffaaaa;
float:left;
width:195px;
width:-10px;
height:100%;
}
#footer
{
background:#ffaa11;
clear:both;
width:790px;
margin:1px 0px;
}
#left,#middle,#right
{
text-align:left;
text-indent:24px;
}
#content
{
margin:0px auto;
width:790px;
height:400px;
}
style="display:none">
今天下午
class="inline">
>
正常模式
class="maxfont">ssss
aaa
夢之都XHTML 教程.
夢之都CSS 教程.
夢之都JAVASCRIPT 教程.
傷亡事故
- v gma a
a
- ddd
dkdkdkd
腳本控制三行三列自適應高度DIV布局
id="left">親和力指的并不只是關于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力
障礙 - 你我變老時就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許用戶改變
文字大小；拒絕提供這樣的選擇就剝奪了用戶的主導權，很可能使用戶無法舒適地閱讀。
親和力指的并不只是關于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 你我變老時
就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許用戶改變文字大小；拒絕提供
這樣的選擇就剝奪了用戶的主導權，很可能使用戶無法舒適地閱讀。
id="middle">親和力指的并不只是關于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視
力障礙 - 你我變老時就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許用戶改
變文字大小；拒絕提供這樣的選擇就剝奪了用戶的主導權，很可能使用戶無法舒適地閱讀。
如果設計者使用像素為單位指定文字大小，大多數的用戶將無法縮放文字，因為 Internet Explorer 改
變文字大小的方式與別的瀏覽器不同。Mozilla 和 Opera 可以縮放已經設定像素大小的文字，而Windows
下的IE卻不能。
親和力指的并不只是關于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 你我變老時
就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許用戶改變文字大小；拒絕提供
這樣的選擇就剝奪了用戶的主導權，很可能使用戶無法舒適地閱讀。
如果設計者使用像素為單位指定文字大小，大多數的用戶將無法縮放文字，因為 Internet Explorer 改
變文字大小的方式與別的瀏覽器不同。Mozilla 和 Opera 可以縮放已經設定像素大小的文字，而Windows
下的IE卻不能
如果設計者使用像素為單位指定文字大小，大多數的用戶將無法縮放文字，因為 Internet Explorer 改
變文字大小的方式與別的瀏覽器不同。Mozilla 和 Opera 可以縮放已經設定像素大小的文字，而Windows
下的IE卻不能。
親和力指的并不只是關于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 你我變老時
就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許用戶改變文字大小；拒絕提供
這樣的選擇就剝奪了用戶的主導權，很可能使用戶無法舒適地閱讀。
如果設計者使用像素為單位指定文字大小，大多數的用戶將無法縮放文字，因為 Internet Explorer 改
變文字大小的方式與別的瀏覽器不同。Mozilla 和 Opera 可以縮放已經設定像素大小的文字，而Windows
下的IE卻不能
如果設計者使用像素為單位指定文字大小，大多數的用戶將無法縮放文字，因為 Internet Explorer 改
變文字大小的方式與別的瀏覽器不同。Mozilla 和 Opera 可以縮放已經設定像素大小的文字，而Windows
下的IE卻不能。
親和力指的并不只是關于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 你我變老時
就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許用戶改變文字大小；拒絕提供
這樣的選擇就剝奪了用戶的主導權，很可能使用戶無法舒適地閱讀。
如果設計者使用像素為單位指定文字大小，大多數的用戶將無法縮放文字，因為 Internet Explorer 改
變文字大小的方式與別的瀏覽器不同。Mozilla 和 Opera 可以縮放已經設定像素大小的文字，而Windows
下的IE卻不能s
id="right">親和力指的并不只是關于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視
力障礙 - 你我變老時就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許用戶改
變文字大小；拒絕提供這樣的選擇就剝奪了用戶的主導權，很可能使用戶無法舒適地閱讀。
總結
以上是生活随笔為你收集整理的HTML变列自适应布局三行,CSS三行三列DIV高度自适应的设置的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 东南大学计算机学院方效林,方效林
- 下一篇： 早报：OPPO Find X6系列今日开