台灣最大程式設計社群網站
線上人數
865
 
會員總數:245973
討論主題:189551
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 請問大大們∼版面位置的問題
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
請問大大們∼版面位置的問題
價值 : 30 QP  點閱數:833 回應數:6
樓主

遠仔
門外漢
0 82
1372 260
發送站內信

請問大大們,我要將這個區塊的資料移到如圖示上紅色箭頭的位置,
請問最好的方式是什麼呢?



檔案在這

大大們麻煩了∼∼

本篇文章發表於2014-04-13 09:46
1樓
作者回應

遠仔
檢舉此回應
圖示說明
不好意思剛圖片沒成功,再傳一次
本篇文章回覆於2014-04-13 09:48
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

遠仔
檢舉此回應
不好意思剛檔案沒弄好∼
我是檔案
本篇文章回覆於2014-04-13 11:07
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
最有價值解答

風燭殘年
捐贈 VP 給 風燭殘年 檢舉此回應
css 的 aside 改成這樣.

aside{
position: absolute;
top: 180px;
left: 64%;
overflow: visible;
width: 18%;
}


本篇文章回覆於2014-04-14 10:14
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

遠仔
檢舉此回應
風燭殘年 大大您好~

請問如果不用position的話有辦法達到一樣的效果嗎?
本篇文章回覆於2014-04-14 12:15
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
回應

風燭殘年
捐贈 VP 給 風燭殘年 檢舉此回應
那麼你就要使用 <table> 把section分隔為左右兩個區塊囉.

因為你目前 article 寬度設定為 70%, 並且繪製右邊的框線
畫面顯示的時後,框線右方就會有留白的地方

那個區塊也就是你想要使用的地方, 但那邊是你 article 縮小 70% 造成的空白
所以如果要使用的話, 就只好透過絕對座標來將顯示的資料移過去.
這是在不變更你 html 檔的方式.

再不然就在 section 裡面塞一個 table , 就只有一行、兩個欄位
第一個欄位寬度 70% 裡面就放 article 的資料
第二個欄位寬度 30% 裡面就放 aside 的資料
這樣也行啦.
本篇文章回覆於2014-04-14 14:18
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應

遠仔
檢舉此回應
喔喔~~了解~~
感謝大大 >"<
本篇文章回覆於2014-04-14 20:39
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.