CSS DIV怎麼實現網頁左右兩欄高度一致

時間 2021-10-14 22:40:06

1樓:五月五日

方法一:用js獲取右側div的高度,將這個高度值賦值給左側的高度

方法二:新增一個父div包含左側和右側的div,設定父div的背景顏色為左側div的顏色,右側div背景顏色設定為白色

2樓:

可以通過jq來獲取右邊高度再付值給左邊。這樣,右邊內容再多,jq也能把它的高度付值給左邊,這樣就會兩邊一樣。

還可以通過一些滾動外掛:比如jquery scrollbars等,,,兩邊設定一致高度,然後右邊多出來的內容就會出現一個滾動條,下拉來顯示。

還可以設定左右兩邊高度一致,右邊加上禁止溢位。。這樣做,如果右邊內容多出來了就不會顯示出來,,

看你需要哪種,,

3樓:吉古日的美好生活

五月五日520回答的方法二比較簡單可行。寫css時候注意將豎直的那條虛線的樣式寫在右側白色背景框的樣式上,這樣虛線條就會跟著高度走了 這樣的感覺就是左右高度一樣了。

4樓:回憶

css+div實現網頁左右兩欄高度一致,首先我們需要理解div是一個塊級元素,我們可以通過設定一樣的高度和寬度來實現的,然後在通過一個flaot屬性來設定好這個2個元素的左右對齊,最好在加個邊框,便於觀察,具體可以看下**:

我是測試文字

我是測試文字

5樓:一言驚醒

如果非要這樣顯示效果的話,而且左邊不固定高度的話,我建議左邊的背景不要加了,直接加在上一級的背景上。

就是二是:

固定好左邊的高度,定位好。

三是:用js控制將左邊和右邊的高度相等

還有一種,之前在網上看的

最經典的兩列自適應高度css**,ie5、6、7,ff下測試通過。希望對你有用:

body

#pagebody

#sidebar

#mainbody/* easy clearing */#pagebody:after

#pagebody

/*\*/

#pagebody

/* end easy clearing *//*\*/

#sidebar, #mainbody

@media all and (min-width: 0px)#sidebar:before, #mainbody:before}/**/

6樓:匿名使用者

你可以給左邊的高度等於右邊的高度

怎麼實現用jquery取到網頁內容。並設定在網頁head部分

http www.w3.org tr xhtml1 dtd xhtml1 transitional.dtd http www.w3.org 1999 xhtml 位置 www.ita17.com 產品單元 物位儀表 浮子物位計 向量法蘭式液位變送器 我愛吳銳 你用正則搞什麼 直接用jquery的選擇...

c語言如何實現兩行輸入,C語言中怎麼實現多行資料輸入

諾諾百科 如果要 n,那麼得輸入兩個回車。如果沒有 n,輸入一次之後第二個沒輸入就結束。include int main char c1,c2 printf is the first numberan int y n scanf c c1 printf is the second number in...

機頂盒怎麼實現兩臺電視都能收看節目,兩個電視節目一樣也可以,只要是都可以用

一個機頂盒連線兩臺以上電視的解決方法 簡 介 如今大多數地區的有線電視節目都實現了數字化,可是一個機頂盒只能供一臺電視收看,這對於有兩臺以上電視的家庭來說 收看節目極為不便。增加機頂盒的話同時也增加相應的收視費用。如果您家裡的兩臺電視不經常同時收看節目的話,您可以使用 兩臺電視共用一個數字電視機頂盒...