CSS Layouting : dimensi

 

    Dimensi memiliki 2 property, yaitu widht(lebar) dan height(tinggi).

Contoh 

    diatas saya sudah membuat div dengan tulisan hello world dengan backgroud biru muda, sekarang kita coba atur lebar dan tingginya

    karena div default displaynya block maka div bisa di atur lebar dan tingginya seperti diatas. kita bisa menggatur lebar dan tinggi dengan px(seperti diatas), %, in, dll. jika kita hanya mengatur lebarnya maka tingginya akan mengikuti isinya dan jika kita hanya mengatur tingginya maka lebarnya akan mengikuti element pembungkusnya. 

    jika mengatur lebar lebih besar dari pembukusnya maka lebar element tersebut akan keluar dari pembbungkusnya dan jika jumlah isi lebih banyak dari pembungkusnya maka isi element tersebut akan melebihi pembungkusnya seperti dibawah :

 

    kasus seperti diatas kita bisa mengatasinya dengan overflow yang akan dibahas di blog selanjutnya