- 主题:求助 一个html css 基础问题
下面这个,如果display:inline-block改成float:left,显示就对了。为什么?
<html>
<head>
<style>
div.panel{border:3px solid red;width:45%;height:500px;display:inline-block;margin-top:0px;}
</style>
</head>
<body>
<div class="panel">
<a href="#">show</a>
</div>
<div class="panel">
</div>
</body>
</html>
--
FROM 68.135.50.*
vertical-align: bottom
【 在 muser (负尽千重罪,练就不死心) 的大作中提到: 】
: 下面这个,如果display:inline-block改成float:left,显示就对了。为什么?
: <html>
: <head>
: ...................
--
FROM 211.99.222.*
按说,inline-block,不就是一种便捷的float吗?我都定义了高度了,可怎么两个div还没对齐....
//我对css一直没有学的明白
【 在 vonNeumann 的大作中提到: 】
: vertical-align: bottom
:
--
FROM 68.135.50.*
默认的 vertical-align 是 baseline
一个 div 里面有字,一个没字,导致它们的 baseline 不齐
我也不是搞前端的,CSS 只懂一点,按我的理解似乎是这样
【 在 muser (负尽千重罪,练就不死心) 的大作中提到: 】
: 按说,inline-block,不就是一种便捷的float吗?我都定义了高度了,可怎么两个div还没对齐....
: //我对css一直没有学的明白
--
FROM 211.99.222.*
有道理。只是我以前从没听过这个div baseline的概念...
我学css,一直到看到了:display是最重要的属性之一,因为排版有block和inline两种 .... 之后,才算是稍稍入了门。
【 在 vonNeumann 的大作中提到: 】
: 默认的 vertical-align 是 baseline
: 一个 div 里面有字,一个没字,导致它们的 baseline 不齐
: 我也不是搞前端的,CSS 只懂一点,按我的理解似乎是这样
: ...................
--
FROM 68.135.50.*