已解決430363個問題，去搜搜看，總會有你想問的

bootstrap網頁自適應問題

首頁猿問 bootstrap網頁自適應問題

bootstrap網頁自適應問題

Bootstrap

慕無忌1623718 2019-05-25 18:15:29

布局如圖所示，1是一個有背景圖片的DIV容器，2是標題文字DIV，3是一張圖片，需要做一些動畫效果，這里為了標注方便所以畫了框，其實是需要撐滿整個1容器的，頁面需要做到全部自適應，縮放頁面不出現滾動條，也就是說1的大小是不一定的，所以問題就是怎么使用bootstrap做到在父元素寬度（橫向撐滿li瀏覽器頁面）和高度大小未知的情況下子元素撐滿整個DIV？

查看完整描述

2 回答

不負相思意

TA貢獻1777條經驗獲得超10個贊

...

</div>

<h2>bottom div</h2>

</div>

.wrapperXXX {

position: fixed;

width: 100%;

height: 100%;

}

.mainXXX {

background-color: pink;

height: 100%;

}

.bottomXXX {

background-color: lime;

}

</style>

效果：

窗口縮小時：

拉大時：

反對回復 2019-05-26

2 回答
0 關注
1072 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

bootstrap網頁自適應問題

bootstrap網頁自適應問題

2 回答

添加回答