1樓：匿名使用者
文件文件
文件文件
文件文件
文件文件
文件文件
標題標題
標題不知道你top的外層是什麼結構，僅僅是你描述的效果，上面的**就可以。position:absolute你最好還是看一下他的具體作用，你這樣「無意中」的使用的話會產生很多意想不到的新問題最後可能會讓你的排錯更加困難。
還有你說高度不固定是啥意思？你的頁面不可能無止境的往下延伸吧，你可以定個高度然後在div的style里加個overflow-y:auto
這個問題的本質就是要搞清楚float到底做了什麼，當你定義了float，這個元素就脫離了正常的流佈局，對於外層的正常流中的元素來說這個元素就好像不存在一樣(位置上的),所以top裡面2個元素都定義成float後你的top就相當於一個空元素
這裡有最完美的解答，看行框與浮動
2樓：書香學程式設計
vue實踐-css樣式position/display/float屬性對比使用
3樓：匿名使用者
樣式 position: absolute; 為絕對位置，與邊框無關，計算寬度時要考慮border,padding,margin等因素。你這裡top的有1px的邊框，所以寬度300px就不夠了，將寬度改為302px就可以了。
所以，top行應改為：
4樓：匿名使用者
在絕對定位的div外面在加一個div來清除浮動，也就是
5樓：匿名使用者
文件文件
文件文件
文件文件
文件文件
文件文件
標題標題
標題你放錯位置了，不知道是不是要放裡面的，邊框也要算在大小裡面的哦
6樓：手機使用者
文件文件
文件文件
文件標題
標題文件文件
文件文件
文件標題
7樓：路人甲
寫的好亂 試試這個z-index :1;
8樓：張旭
框不住，是因為id為top的div，高度沒有自動撐開。（凡是用了float屬性的標籤，它的父元素高度都不會自動撐開。）
解決辦法：
一、清除浮動。 你那個clear:both位置沒放對地方：要往上移一行，要寫在id=top的div內、緊跟在用了float屬性的標籤後面。
二、給父元素增加自動撐開的樣式：給id=top 增加樣式overflow：hidden或overflow：auto都可以讓它自動撐開高度。
三、寫死父元素高度，用css給id=top的div 固定高度。
另外，只是新增樣式的話，要用這種，不用隨便用id命名。id一般是給js用的
子div設定了position:absolute，父div設定了position:relative的時候，子div如何能把父div撐開？
9樓：
1、作為外部容器的邊框為紅色的div，沒有被撐開。這是因為內部的div因為float:left之後，就丟失了clear:
both和display:block的樣式，所以外部的div不會被撐開。
2、在容器div內要顯示出來的float:left的所有的div之後，我們新增了這樣的一個div：
。3、在用dojo做drag & drop的時候，由於這個div是容器div的一個子節點，如果這個節點被移動，則會造成排版上的bug。
4、要顯示的藍框的div被移到這個div之後，則因為clear:both，它會被強制換一行顯示。
5、修改原來的html**，讓外部的容器div來使用這個css即可。
10樓：
你子元素都絕對定位，脫離文件流了還想撐開。按樓上說的用js
11樓：慕惠年華
用css似乎是解決不了，用個簡單的js吧
12樓：匿名使用者
絕對定位是撐不了父級標籤的高度的，想對定位可以。
想對定位如果撐不開高度可以在父級標籤後面加..clear
這樣就可以了
13樓：匿名使用者
如果自適應子元素裡面是文字，同時無需相容到ie8以下的的話，可以給子元素新增word-break: keep-all來曲線實現
或者子元素新增 width:max-content
css如何把div永遠置於頁面的底部
14樓：高中生三
position:fixed; bottom:0; 這個方法簡單好用。
運用這個css把div永遠置於頁面的底部 利用絕對定位，然後設定底部距離為0。
這個div如果位置在所有div的後面，那麼只要前面的div 的高度夠高的話，它的位置就會在頁面的頁面的底部的，一般想你這種說的要讓他在頁面底部的話都是頁面高度太小，佔不了滿屏，導致頁面底部部分下面有空白，你可以給這個div 前面的大的div 一個最小高度，讓它撐起來。
15樓：北漠
相對外面的包含框做相對定位， 給需要置於底部的div設定絕對定位：position:absolute; bottom:0px;
16樓：222傻豬
這個div如果位置在所有div的後面，那麼只要前面的div 的高度夠高的話，它的位置就會在頁面的頁面的底部的，一般想你這種說的要讓他在頁面底部的話都是頁面高度太小，佔不了滿屏，導致頁面底部部分下面有空白，你可以給這個div 前面的大的div 一個最小高度，讓它撐起來。
還有一種方法是給body相對定位，給這個div 絕對定位到底部
17樓：鰟鮍魚
不知道你說的永遠在底部是不是那種無論滾動條怎麼拉，都可以看見懸浮在底部的那種，如果是那種，是用固定定位做的。另外注意頁面中最後的元素或者body要空出固定條的高度，不然最後的元素會被遮擋。
html：
固定在底部
css:
body
.fixed
css如何控制某一個div始終位於頁面右側？
18樓：不避諱真心丶
**如下：
擴充套件資料
關於css固定某個div始終位於頁面右側主要的positon屬性介紹：
該屬性規定元素的定位型別，這個屬性定義建立元素佈局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什麼型別。相對定位元素會相對於它在正常流中的預設位置偏移。
可能的值：
（1）absolute。生成絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
（2）fixed。生成絕對定位的元素，相對於瀏覽器視窗進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
（3）、relative。生成相對定位的元素，相對於其正常位置進行定位。因此，"left:20" 會向元素的 left 位置新增 20 畫素。
（4）、static。預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 宣告）。
（5）、inherit。規定應該從父元素繼承 position 屬性的值。
19樓：__劇情丶
例項：實現css如何控制某一個div始終位於頁面右側
1、首先開啟dw軟體，然後設定一個css樣式，引用到div中如圖所示
2、開啟剛剛新建的html檔案，用瀏覽器開啟**效果如圖：
詳解：實現此類固定某一個區域主要應用於：position:fixed;絕對定位：
控制div right:1%；與右側距離為1%； top:20%； 頭部距離20%；然後滑動右側滾動條，會發現，div區域始終固定在一個位置；
擴充套件position的值與描述詳解：
absolute 生成絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
fixed 生成絕對定位的元素，相對於瀏覽器視窗進行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
relative 生成相對定位的元素，相對於其正常位置進行定位。
因此，"left:20" 會向元素的 left 位置新增 20 畫素。
static
預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 宣告）。
inherit
規定應該從父元素繼承 position 屬性的值。
20樓：匿名使用者
先在頁面中放入一個div層，在頁面中加入script函式,函式中獲得滾動條離頁面上邊距的距離，然後賦給div層的y座標，然後在函式外，也就是script指令碼內呼叫頁面的滾動條的滾動事件指向該函式....
21樓：匿名使用者
position:absolute;
求個css樣式，div浮在另一個div右上角
22樓：很多很多
4、第二種方法：如果想要靠右，可以先設定div2的寬度，在設定text-align即：.div2//widtn是設定和div1一樣的寬度，效果圖如下：
23樓：匿名使用者
.main
.float_div
24樓：
首先你應該先將所有瀏覽器的預設行為清除。。比如 *然後給你的main設定為相對定位。。原因是為了讓其內部的float_div的div相對main來絕對定位
.main
再給你右上角的的div設定為絕對定位不用給其設定浮動了，因為設定為其設定為絕對定位已經脫離了文件標準流了。
.float_div
這樣設定之後就沒啥問題了。樓主你試試。。
25樓：匿名使用者
.float_div
css同div裡怎麼用不同的文字樣式
你的css樣式寫法有誤 建議不要用 這樣的寫法 給ul一個單獨的class建議你給你需要樣式字型之間用 span或者 h1 h6樣式 然後在css樣式裡定義不同的語法 如 asd qwe像這樣就可以了css也簡潔明瞭,養成良好習慣，對以後會有很多好處 css檔案裡的 是要在首頁或者其他頁面呼叫的，只...
css樣式表中，如何將DIV標籤相對於另外DIV進行絕對定位
有幾個方法 一種 div1設定為position relative，div2設定為position absolute，此時的div2就相對於div1進行基準定位了。因為絕對定位position absolute，不在標準流中，所以內聯元素不知到他的位置，會跑到他的下面去。這裡就看你需要什麼樣式了，如...
如何用jquery給列表中的div賦值
用for或者each迴圈div列表 給div賦值？你這個問題有點 是給div裡面賦予新的內容嗎？如果是的話，就可以用 this text 這裡是新的內容 function 首先你要用jquery獲取到這個div元素。不管是 id或則class或則 td裡面的div。然後 獲取這個元素的選擇器表示式 ...