1

我正在学习 HTML/CSS 并决定试试这个：

<p>A paragraph with no margins specified.</p>
<div style="width=300px; height=300px; background-color:yellow;><p>This paragraph is in a divider.</p></div>
<p>A paragraph with no margins specified.</p>

经过一番谷歌搜索，我发现您无法更改内联元素的宽度/高度。因此，我尝试使用 将<div>和制作<p>成块元素display:block，但这并没有改变任何东西。宽度在屏幕外无限延伸，高度仅与原来一样高<p>。我希望<p>在 300x300 中有一个<div>，那么我该怎么做呢？另外，为什么这些方法中的任何一种都不起作用（即使我更改为display:block）？谢谢。
另外，我知道你不应该像我一样使用过多的 CSS。这只是因为我正在使用 W3 的“Try-It-Yourself”HTML 编辑器测试东西。

4

3 回答 3

11

您的代码中的错误：

<div style="width=300px; height=300px; background-color:yellow;>
-----------------^-------------^-------------------------------^
                  Replace with :                               Missing "

你给错了。替换=为:，你错过了"：

<div style="width:300px; height:300px; background-color:yellow;">
于 2013-04-03T05:07:22.193 回答
2

div默认情况下，两者p都是块元素，因此您无需display:block;为它们指定。您在 style 属性中使用老式 html 属性名称/值设置（名称 = 值）。

您需要在样式属性中使用 CSS 属性，看起来像name:value;.

style="width:300px; height:300px; background-color:#FFFF00;"

您可能想查看 Team Treehouse 的一些资源：http: //teamtreehouse.com/library/websites/build-a-simple-website/website-basics

或代码学校： http: //www.codeschool.com/paths/html-css

希望这可以帮助您继续学习。

于 2013-04-03T05:14:42.313 回答
1

您也可以尝试使用“最大宽度”而不是“宽度”。

于 2013-04-03T05:10:08.760 回答