1樓:大野瘦子
流體佈局
佈局.one
.two
注:通過這樣設定,就可能拉動瀏覽器,盒模型的寬度就會隨著你的拉動而變大縮小,但也是有一定限度的。
2樓:講笑話哈
你說的是流體佈局,這種佈局的難度相對較高,因為都是百分比值,之前設計開始也要考慮周到,對於自體的大小,每個版塊的值都要考慮在內。
舉個例子,
流體佈局
佈局.one
.two
通過這樣設定,就可能拉動瀏覽器,盒模型的寬度就會隨著你的拉動而變大縮小,但也是有一定限度的,具體你可以自己去嘗試,看看縮小到什麼地步,盒子就會錯位。
3樓:匿名使用者
百分比可以,但就像前面網友說的,超過一個限度,內容就會錯位
4樓:匿名使用者
簡單,用width:auto; height:auto;不過,在這個div結束前,加一個
,不然不能自動增長(有些瀏覽器)
5樓:回憶
css實現div隨著網頁的大小變化而變化,首先我們需要了解div的width和height的屬性設定,有一個auto引數,就是代表的是隨著內容的大小而改變,瀏覽器縮小,自然div的寬度就會減小,高度就會有所增加,具體看下**:
我是測試文字
6樓:
width:100%
如何讓div大小隨視窗大小變化 10
7樓:弋橙
大致講一下思路。
1、設定一個最外層容器div-box,實現【頂部觸頂底部觸底,div與頁面高度間固定差值】,在css檔案中的.div-box下可修改margin數值)
2、前三個div可公用一個樣式 div1
3、第五個div絕對定位在底部 div5,需要將div-box的position設為relative,否則會基於body定位。
4、第四個div設定高度為100% (如果樣式需要設定高度撐滿整個頁面,那麼最外層高度設定必須設定為100%),絕對定位到div-box中。
以下是**。
html頁面**
div1固定高度
div2固定高度
div3固定高度
div4動態高度
div5固定高度
css樣式
html,body
.div-box
.div1
.div4
.div5
8樓:真_五花肉
給body加一個height:100%;給html加一個height:100%,然後需要根據頁面高度變化的div的高度也寫成百分比,試試看,但要精確實現你說的比視窗小10px好像不太好實現
9樓:hyt通
在第四個樣式這樣寫:
min-height:150px;overflow:auto;_height150px;_overflow:none; background-color:#166;
ps:最外層div不要定死高度
10樓:唫銫娍寶
整個盒子這樣寫:
position: absolute;
left: 0;
top: 0;
width: 240px;
height: 100%;
background: red;
上下的距離可以用空div寫
11樓:名字好費勁
這樣動態的變化除了百分比就剩下js能實現啊
12樓:起個名字真煩
給div的css加上position:absolute;這個屬性。
css+div佈局如何讓一個div的位置隨著另一個div的大小的變化
13樓:一動出行
先確定div1的大小。
然後再div2和div3都加上float的屬性,這樣只要div2或div3有一個大小在變化,另外一個div的位置也會跟著一起變化。
14樓:匿名使用者
middle
foot
如果html是上面正常結構,css裡面你沒亂用定位去佈局大的版面排版,並且有浮動的地方正確的浮動了,那麼正常情況下foot本來及是在middle下方的,並且middle裡面內容多高度變化就會把boot往下擠。把**發出來,你多半是錯誤的使用定位屬性去拼出頁面了。
15樓:亂亂亂頭緒
在它們倆的外邊再套一個div,不定寬,這樣他倆的寬就會自適應
16樓:匿名使用者
結束foot
----------------
11111
22222
33333
44444
55555結束
js如何設定一個div高度值隨另一個div寬度值變化而變化?
17樓:匿名使用者
window.onresize = function()
18樓:love——yan秋
首先設定兩個baidiv,假設du
給出id分別為a和b,b始終為zhia的寬度的二分之dao一。
js**為:
var diva=document.getelementbyid("a");
var divb=document.getelementbyid("b");
var wid=diva.offsetwidth;
function jt()
settimeout("jt",100);
}function resizeb()
jt();
但是這樣寫是在不知道a的大小為什麼變化的情況下,這樣寫很耗cpu,如果很明確a的大小變化原因,直接給a繫結事件就可以了
Css使Div自適應居中,css 怎麼實現 div水平居中 呢?
娛樂小八卦啊 在佈局一張網頁時,通常網頁主體框架是居中於瀏覽器中的。實現最外層div水平居中與瀏覽器中需要一個條件和一個設定。假如最外層div盒子的css命名為 divcss5 這個時候為了相容各大瀏覽器實現最外層的這個盒子居中。條件 這個時候對 body 設定css內容居中樣式 text alig...
css怎麼設定div同行固定寬度佔
假設第一個div的寬度為200px 設定第二個div 的width calc 100 200px html div css寬度為1000px的div中有兩個子div,一個子div寬度是變化的,怎麼讓另一個子div填滿剩餘寬度? 慕惠年華 css不能實現的,填滿剩餘寬度只能是在frame裡,你這種情況...
如何獲取網頁中的css
全球塑膠網 開啟 然後ctrl s儲存,有個資料夾,裡面就有css檔案 檢視本頁源 把css樣式地址複製下來 基本都是 template global.css 在地址輸入框例如 後面加上.template global.css即http zhidao.baidu.css 這個是參考別複製貼上 在網頁...