Question

标题中的问题，难以理解，这可能很简单？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
#home_1 { width:920px; height:50px; float:left; border:1px solid black; }

.left_home1 { float: left; width: 33%; text-align: center; }

.mid_home1 { float: left; width: 34%; text-align: center; }

.right_home1 { float: left; width: 33%; text-align: center; }
</style>
</head>
<body>

<div id="home1">

                <div class="left_home1">

                    left

                </div>

                <div class="mid_home1">

                    middle

                </div>

                <div class="right_home1">

                    right

                </div>

</div><!-- close home1 -->
</body>
</html>

Answer 1

正确指出：

它应该是样式标记中的＃home1。 - @Sagar Patil

我的坏！

Answer 2

将<br clear="all" />放在最后</div>

之前

Answer 3

在你的css中，只需将你的css选择器#home_1更改为#home1。它会有效。

CSS边框没有显示

3 个答案: