三行兩列右列固定左列自適應寬度的CSS

2021-04-09 05:56:40 字數 2387 閱讀 4745

="dsclub,兀兒-幹部"

/>

<

meta 

name

content

="任兀"

/>

<

meta 

content

="**"

name

="keywords"

/>

<

title

>

xhml1.0 doc

title

>

<

style 

type

="text/css"

id="internalstyle"

>

body

p#header

#maincontent

#right

#left

#left h1

#footer

style

>

head

>

<

body

>

<

div 

id="header"

>

head info

div>

<

div 

id="maincontent"

>

<

div 

id="right"

>

<

p>

right info

p>

<

p>

#right

p>

div>

<

div 

id="left"

>

<

h1>

style:

h1>

<

p>

#left

p>

<

h1>

main content! main content! main content! main content! main content! main content! main content! 

h1>

<

h1>

main content! main content! main content! main content! main content! main content!

h1>

<

h1>

main content! main content! main content! main content! main content! 

h1>

<

h1>

main content! main content! main content! main content!

h1>

<

h1>

main content! main content! main content!

h1>

<

h1>

main content! main content!

h1>

<

h1>

main content!

h1>

div>

div>

<

div 

id="footer"

>

powered by dsclub

div>

body

>

html

>

DIV CSS三行兩列經典佈局

師阿捷2004年釋出在 網頁設計師 上的,一個非常經典的佈局,在ie mozilla和opera瀏覽器中均可以實現居中和高度自適應。完整 如下 在阿捷的 基礎上作了部分修改 title seo參考 xhtml之經典三行兩列布局 title style type text css body heade...

聖盃佈局(三行三列布局)

佈局效果類似聖盃,所以叫聖盃佈局。就是三行三列布局 核心 主要就是實現中間主體部分中的左右定寬 中間自適應的佈局效果 左右定寬 left,right left center right class left div class right div class center div 改變順序,需要把c...

DIV佈局之三行兩列左欄寬度固定右欄寬度自適應

在用div佈局時,總會碰到各種各樣的問題,有些還非常怪異,總之讓人頭大。不過當你找到了竅門,你就會把它當作是一門藝術來看待了,真的非常有趣。現在先來談談關於三行兩列的佈局 左欄固定,右欄自適應寬度 之一,我能想到比較好的辦法是使用margin漂浮法。先說說要做成這件事,要做些什麼,會碰到些什麼問題。...

探索CSS實現三行三列等高佈局

2006 02 13 07 47 07 author greengnn font size large medium all 第一步 建立一個結構 xhtml開始於header,footer,and container css先定義container,給將要加入的sideleft,和siderigh...

完美的DIV三行三列自適應高度佈局

我們一般拿出來討論的自適應高度的div佈局,都是指有背景區分的,不用區分的三列布局很容易。不過在實際應用中很少有 這樣用,大多都是不用背景區分的。不過在這裡我們並不討論這種佈局的實用性到底如何,而只是討論實現這種佈局的一種較完美的解決方案而已。所謂自適應高度,也就是不管某一列撐長而其它列的高度也跟跟...