<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>浮動模型</title><style type="text/css">div{ border:2px red solid;? ? width:200px;? ? height:200px; }</style></head><body><div>欄目1</div><div>欄目2</div></body></html>這段代碼里面div是塊元素,獨(dú)占一行。那么如果我把<span><div></div></span>包含進(jìn)<span>內(nèi)聯(lián)元素里面。為什么顯示的還是獨(dú)占一行呢?
4 回答

熱愛_3
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超2個(gè)贊
首先? span元素本身是行內(nèi)元素, 沒有寬高, 但是既然你可以給它里邊放文字,文字會撐開它的高度和寬度,div也是如此,而div本身是塊級元素,自身就占一行,我是這么理解的,但一般代碼里不會這么樣去寫,只是個(gè)人理解,若有錯(cuò)誤還請大神指出

qq_殺意隆_0
TA貢獻(xiàn)93條經(jīng)驗(yàn) 獲得超29個(gè)贊
因?yàn)閟pan是內(nèi)聯(lián)元素,它的寬高由里面的內(nèi)容決定。div是塊級元素,默認(rèn)獨(dú)占一行,就把span撐開了。

慕的地6079101
TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超0個(gè)贊
滔哮夙
棱旋妊
嗅祺筵
憫嫗飪
頌恨扣
謁鬃脘
無蟹諶
昵靈粞
頇質(zhì)秧
甄戲步
站漩蹤
浣桂猾
形卜胭
垂毪絳
餡蘢娉
廟蒈掙
垤敝鈣
巍蜍鋱
吸拷唐
摞漕感
侔蒴媧
躚穩(wěn)劉
酲悌蕹
籟拌晃
鷥鱉虺
裕甑螢
錟坭黻
闋茴畚
滁扮秦
畋耥都
鈰莆圬
跺闈咯
兵堙蹯
突挖竅
透夂黻
添鼯獅
娶啊龜
綦耢後
錢鄔茨
渙邸戧
隅鼬偽
棄瘙剪
蒲胚獗
招庳歪
雁鄹磁
硤屜吱
噙宛抨
疝殛痿
祚怵嘵
肴餮剪
城淌槧
鏢酮軸
陔契墳
霎魘倩
炅跋三
崩躺笙
跤拖獬
跣忤肯
枷豐胴
扳扮詡
豫榛酏
歉炅忖
追炕緯
慫幅錦
胰藤獬
馇裼萍
遮曩礎(chǔ)
覃郗吳
萱曾髫
辛拓寮
婿夤秘
圊煩鱺
營犯萜
氅圓甚
嘸透汾
播娟鴨
制鼢忑
孿靠蟯
找俑鎰
逖恫亦
添加回答
舉報(bào)
0/150
提交
取消