2023-06-08|閱讀時間 ‧ 約 1 分鐘

Css Position功能誤解與Box Model應用

      製作校長盃 UI 設計首獎作品:實作元件切版過程中因為不夠了解Position的屬性而造成在對content內容排版一直跑掉,一開始想都使用Position來實作所有的排版,但是Position的absolute與fixed屬性在使用時元件將不再佔有一排,而下面的元件會自動向上遞補,就造成了排版不正確。
      發覺是自己對於Position的功能不夠了解,所以再回去觀看認識Position的單元,重新了解Position的功能以及應用方式,經過思考後content的內容排版改成使用margin來完成,搭配figma設計稿上的各個圖形的間距來完成排版,最後終於完成這份作業。
      這讓我了解到兩個點,第一是要了解個語法真正的功能,同時確認自己在學習上是否有誤解或不夠熟練的問題,第二是針對不同的問題應該選用適合該問題的工具,而不是用同一種工具解決不同的問題。
    分享至
    成為作者繼續創作的動力吧!
    從 Google News 追蹤更多 vocus 的最新精選內容從 Google News 追蹤更多 vocus 的最新精選內容

    發表回應

    成為會員 後即可發表留言
    © 2024 vocus All rights reserved.