Question

CSS

#web {

position:absolute;
left:26%;
top: 60%;

HTML

<div class="web">
HI
</div>

我不知道出了什么问题。你可以修改并告诉我什么是错的吗？感谢

http://jsfiddle.net/mzJV9/

格式化不会影响里面的文字..

位置仍然相同??

Answer 1

将#web更改为.web

或

将class =“web”更改为id =“web”。

Answer 2

而且，如果在复制代码时不仅仅是错过了，那么你就错过了时尚的结束。

总之，它应该是这样的：

CSS：

.web {
position:absolute;
left:26%;
top: 60%;
}

HTML：

<div class="web">
HI
</div>

尽可能不使用id来设置样式也是一个好点。

Answer 3

在CSS中，Ids和类选择器之间存在差异。

<div id="div1" class="mydivclass">
  My content!
</div>

您的造型可以通过多种方式完成：

/* Set CSS based on a class (prefix . to the class name) */
.mydivclass {
  /* */
}

/* Set CSS based on the ID (prefix # to the ID) */
#div1 {
  /*  */
}

/* Set CSS based on the element type - no prefix */
div {

}

如果您的情况可以通过将CSS选择器更改为.web（访问div的类）或将div ID更改为web来解决问题。另外，请确保所有CSS样式都有右括号。

Answer 4

在css格式中添加结束}并更改此

<div class="web">
HI
</div>

到这个

<div id="web">
HI
</div>

Answer 5

在此重申一些其他答案......

CSS选择器的.前缀为class，#前缀表示id。所以，例如：

CSS：

.myClass{/*some style information here*/}

HTML：

<div class="myClass"></div>

是对的。原样：

CSS：

#myID{/*some style information here*/}

HTML：

<div id="myID"></div>

继续关于unclenorton关于class和id的我们的评论：我不知道这是否是一个严格的标准要求，但我总是做到这一点，并给予了几个人的同样建议：

将id用于仅使用一次的div - 例如，为您的网页提供不同“部分”的布局div。并使用class es重复div，例如sidebarItem div。

无论哪种方式，请确保您的代码一致 - 将使您的生活更轻松;特别是如果你可以保持项目之间的一致性，因为它将成为你的第二天性。

如果我这样做有什么不对吗？

5 个答案: