標籤: exercise

發佈於

網頁中的框中框的位置

曾幾何時,在學習html 的時候,經常想將 div 內的 div 放到指定位置,但總是不成功,如下圖:

外框往往縮到上面,無法框着內裡的框,而我的作法是內框的css定了 float: left; 或 float: right; 外框就唔設定overflow, 我明明html是這樣寫的:

<div id="box1">
   <div id="in_box1"></div>
   <div id="in_box2"></div>
   <div id="in_box3"></div>
</div>

div內div, 但係個外框點解會縮咗上去呢? 以前我的做法是唔要外框,直接將內框定位,但有時真係想加返個框框都無辦法,一路學下學下,睇下睇下,終於知到點做到, 只要在box1的css力加上 overflow: auto; (當然,係唔係auto 就自己決定) 咁就得.

上面例子網頁: https://rohole.com/exercise/box.html (原始碼加咗說明)

＊＊ 本文同時會張貼在我的google blog:  https://leotseblog.blogspot.com ＊＊

發佈於

HTML,Javascript,CSS,小習作

前幾個月都一直在網上自學Python,http://automatetheboringstuff.com/ 都係因為個人比較懶散,所以3～4個月都係睇到第11課，不過都真係獲益不少，又但係之前一直學習的網頁開發進度又慢咗落黎，算喇，Python都係睇到第11課後先放一邊，再來温一温習HTML，一直諗下有啲咩習作可以做一做，等自己記返啲啲啲啲HTML5啲嘢，就做一個用Javascript黎運算bit,byte,kilobyte…的轉換器喇，因為係電腦有時都見到啲用byte黎做單位嘅嘢，咁我心算又計唔到，又懶開個計數機出黎計，咁不如自己做一個轉換器喇(其實以上都係借口黎)，作為Javascript練習都幾好呀，咁就用咗1個星期嘅工餘時間黎搞依個頁面，好簡單，以我能力暫時係比到依啲出黎，希望有人見到都覺得有啲啲啲啲用。

個Converter頁面: https://rohole.com/exercise/converter1.html

參考網站:
鳥哥的 Linux 私房菜: http://linux.vbird.org/
Will保哥： http://blog.miniasp.com/post/2010/04/08/unit-information-Bit-Byte-KB-MB-GB-TB-PB-EB-ZB-YB.aspx
W3school: http://www.w3schools.com/default.asp

＊＊ 本文同時會張貼在我的google blog:  https://leotseblog.blogspot.com ＊＊