重新认识块级元素--DIV
生活随笔
收集整理的這篇文章主要介紹了
重新认识块级元素--DIV
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
以前沒有好好去理解DIV這個元素，布局老是亂布局，出了問題不知道是哪里的問題，現(xiàn)在再整理一下，重新認(rèn)識這些元素。
1.div是塊級元素，塊級元素獨占一行。
2.div的width這個屬性，只是給div做一個顯示的范圍界限，你給他設(shè)置200px就只在邊框里顯示200px，而不是整個元素變成只有200，他實際上占得空間還是一整行。
?
<!doctype html> <html lang="en"> <head><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /><meta charset="UTF-8" /><title>Document</title><style type="text/css">.div1{width: 200px;border: 1px solid #000;}</style> </head> <body><div class="div1">我是一段文字，我只有兩百像素</div><span>我是旁邊的span元素，我被擠 下來了</span> </body> </html>?
轉(zhuǎn)載于:https://www.cnblogs.com/masita/p/4847505.html
總結(jié)
以上是生活随笔為你收集整理的重新认识块级元素--DIV的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 脱发的原因有哪些(怎样鉴定自己在脱发)
- 下一篇： 开健身房大概需要多少资金(健身房减肥训练