首頁猿問關于div的布局問題

關于div的布局問題

Html/CSS

MarryWithI 2016-09-14 15:18:33

已知HTML結構如下，在不考慮低版本瀏覽器兼容性的情況下，你可以用哪些方法來實現(xiàn)這個三列布局：左右兩列定寬100像素，中間寬度自適應，三列之間沒有間距。<div class="parent">? ? ? ? <div class="left">左列</div>? ? ? ? <div class="center">中間列</div>? ? ? ? <div class="right">右列</div></div>

查看完整描述

2 回答

上頭

TA貢獻7條經(jīng)驗獲得超5個贊

	<style?type="text/css">
	
	??/*?css?reset?*/
	??html,?body,?div?{margin:?0;padding:?0;}
	??html,?body?{width:?100%;height:?100%;?overflow:?hidden;}
	??.parent{position:?relative;height:?100%;}
	??
	??/*?主要代碼?*/
	??.left{position:?absolute;left:?0;top:?0;width:?100px;height:?100%;background:?#f00;}
	??.center{width:?auto;height:?100%;margin:?0?100px;background:?#0f0;}
	??.right{position:?absolute;right:?0;top:?0;width:?100px;height:?100%;background:?#00f;}
	??
	</style>

很高興解答你的問題，我一般解決的方法是：

1、外層DIV(div.parent)設置相對定位

2、左右兩個DIV設置絕對定位

3、中間DIV設置寬度為自動，左右外邊距設置成左右DIV的寬度

！！如果有更方便的方法麻煩告訴我一下~~~ thx

1 反對回復 2016-09-14

MarryWithI
謝謝你，這幾天沒有時間給你回復，我會將我想到的方法整理給你的。

回復 2016-09-18

2 回答
1 關注
1569 瀏覽

關注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

關于div的布局問題

關于div的布局問題

2 回答

相關問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

關于div的布局問題

關于div的布局問題

2 回答

相關問題推薦

添加回答