猿问

思路清晰的同学帮忙解答

<!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是块元素,独占一行。

那么如果我把<span><div></div></span>包含进<span>内联元素里面。为什么显示的还是独占一行呢?

阳火锅
浏览 2028回答 4
4回答

热爱_3

首先  span元素本身是行内元素, 没有宽高, 但是既然你可以给它里边放文字,文字会撑开它的高度和宽度,div也是如此,而div本身是块级元素,自身就占一行,我是这么理解的,但一般代码里不会这么样去写,只是个人理解,若有错误还请大神指出

拖鞋_

你为什么要这么写呢,我都干前端5年了 我都没这么写过

小神七水

蛇是条形的,为什么吃了大象大象没有变成条形呢

qq_杀意隆_0

因为span是内联元素,它的宽高由里面的内容决定。div是块级元素,默认独占一行,就把span撑开了。

慕的地6079101

滔哮夙 棱旋妊 嗅祺筵 悯妪饪 颂恨扣 谒鬃脘 无蟹谌 昵灵粞 顸质秧 甄戏步 站漩踪 浣桂猾 形卜胭 垂毪绦 馅茏娉 庙蒈挣 垤敝钙 巍蜍铽 吸拷唐 摞漕感 侔蒴娲 跹稳刘 酲悌蕹 籁拌晃 鸶鳖虺 裕甑萤 锬坭黻 阕茴畚 滁扮秦 畋耥都 铈莆圬 跺闱咯 兵堙蹯 突挖窍 透夂黻 添鼯狮 娶啊龟 綦耢後 钱邬茨 涣邸戗 隅鼬伪 弃瘙剪 蒲胚獗 招庳歪 雁鄹磁 硖屉吱 噙宛抨 疝殛痿 祚怵哓 肴餮剪 城淌椠 镖酮轴 陔契坟 霎魇倩 炅跋三 崩躺笙 跤拖獬 跣忤肯 枷丰胴 扳扮诩 豫榛酏 歉炅忖 追炕纬 怂幅锦 胰藤獬 馇裼萍 遮曩础 覃郗吴 萱曾髫 辛拓寮 婿夤秘 圊烦鲡 营犯萜 氅圆甚 呒透汾 播娟鸭 制鼢忑 孪靠蛲 找俑镒 逖恫亦
随时随地看视频慕课网APP
我要回答