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

块状元素div用disline:inline转换成内联元素特点使得并列一行显示时,为什么边框大小没根据设置的显示呢

这里的块状元素div用disline:inline转换成内联元素特点使得并列一行显示时,为什么边框大小没根据设置的显示呢

<!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:400px;
	display:inline;
</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
</body>
</html>


正在回答

2 回答

行内元素没有宽高,display:inline;改成display:inline-block;即可实现

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

慕移动1794754 提问者

非常感谢!
2017-07-24 回复 有任何疑惑可以回复我~
#2

qq_灵玲玲_0

可是行内元素的话 就掉下来了呀 没有并排显示
2017-07-29 回复 有任何疑惑可以回复我~
#3

qq_灵玲玲_0

可以了 哈哈 谢谢
2017-07-29 回复 有任何疑惑可以回复我~

内联元素没有宽高,要设施宽高就只有块元素

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

转变为行内块级元素就可以了。

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

举报

0/150
提交
取消

块状元素div用disline:inline转换成内联元素特点使得并列一行显示时,为什么边框大小没根据设置的显示呢

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