为了账号安全,请及时绑定邮箱和手机立即绑定

盒模型元素问题

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>宽度和高度</title>

<style type="text/css">

li{

    border-bottom:1px dotted #ccc;

    width:200px;height:30px;

}

</style>

</head>

<body>

<ul>

    <li>别让不会说话害了你</li>

    <li>二十七八岁就应该有的见识</li>

    <li>别让不好意思害了你</li>

</ul>

</body>

</html>

本段代码的元素实际长度是多少呢?

正在回答

2 回答

元素是什么意思?

0 回复 有任何疑惑可以回复我~
#1

哼哼哈嘿哼 提问者

就是一个盒子。。
2017-01-03 回复 有任何疑惑可以回复我~
#2

qq_R_28 回复 哼哼哈嘿哼 提问者

我是个新手,我大概觉得,ul是块状元素,它是占整行的。你这个代码不存在margin,padding、以及bored,那么里面元素长度的话应该就是你字的长度。我也是新手,加个好友,一起学习。
2017-01-03 回复 有任何疑惑可以回复我~
#3

qq_R_28 回复 哼哼哈嘿哼 提问者

1795681130
2017-01-03 回复 有任何疑惑可以回复我~
#4

哼哼哈嘿哼 提问者 回复 qq_R_28

宽度我觉得也应该是200像素。。高度的话应该是3*(30+1)=93像素吧。。
2017-01-03 回复 有任何疑惑可以回复我~
#5

哼哼哈嘿哼 提问者 回复 qq_R_28

慕课上加你关注了。。
2017-01-03 回复 有任何疑惑可以回复我~
查看2条回复

长度为93像素

0 回复 有任何疑惑可以回复我~
#1

哼哼哈嘿哼 提问者

请问怎么计算啊?
2017-01-03 回复 有任何疑惑可以回复我~
#2

祺妙Tony 回复 哼哼哈嘿哼 提问者

margin + border + padding + height。以上代码,只有height和border-bottom,因此单个元素长度为31,三个元素的长度为93.
2017-01-03 回复 有任何疑惑可以回复我~
#3

哼哼哈嘿哼 提问者 回复 祺妙Tony

嗯嗯 谢谢啦。。
2017-01-03 回复 有任何疑惑可以回复我~
#4

qq_R_28 回复 祺妙Tony

受教了
2017-01-03 回复 有任何疑惑可以回复我~
#5

qq_Absurdyears_0 回复 qq_R_28

楼主,这个元素高度“3*31”三个元素指的是哪三个,还有为什么单个元素是31,能为我解答下么,谢谢
2017-02-13 回复 有任何疑惑可以回复我~
查看2条回复

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225783    人
  • 解答问题       18234    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

盒模型元素问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信