div 的 CSS 问题
嘿，我正在为我的未来网站开发这个布局，但我无法修改 id=titre，因为我添加了带有旋转变换的容器 div...这是代码，
<style type="text/css">
body {
background-color: white;
}
.rotate {
/* Rotate div */
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari and Chrome */
-o-transform:rotate(-90deg); /* Opera */
background-color: transparent;
position: fixed;
margin-left: 1100px;
}
#titre {
font-family: baskerville;
color: blue;
text-transform: uppercase;
font-style: italic bold;
}
#description {
font-family: baskerville;
font-style: italic
text-transform: underline;
color: #000;
}
</style>
<div class="rotate"> <!--Bloc devant aller à droite -->
<div id="titre">
<h1>{Title}</h1>
</div>
<div id=description">
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
</div>
</div>
你能看到我的问题出在哪里吗？
Hey I'm developing this layout for a future site of mine but I can't modify id=titre since I've added a a container div with rotation transformation..... Here is the code
<style type="text/css">
body {
background-color: white;
}
.rotate {
/* Rotate div */
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari and Chrome */
-o-transform:rotate(-90deg); /* Opera */
background-color: transparent;
position: fixed;
margin-left: 1100px;
}
#titre {
font-family: baskerville;
color: blue;
text-transform: uppercase;
font-style: italic bold;
}
#description {
font-family: baskerville;
font-style: italic
text-transform: underline;
color: #000;
}
</style>
<div class="rotate"> <!--Bloc devant aller à droite -->
<div id="titre">
<h1>{Title}</h1>
</div>
<div id=description">
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
</div>
</div>
Can you see where my problem is ?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
html 元素中的 ID 应该是唯一的。
您有 2 个 id=description 的元素。
使用：
代替。 （如果您想将样式应用于多个元素）
ID in html elements should be Unique.
You have 2 elements with the id=description.
Use:
instead. (if you want to apply a style to multiple elements)
对同一页面上的两个不同元素使用相同的 ID 是一个很大的禁忌。
为他们提供唯一的 ID 并为他们提供一个共同的、匹配的类。
Using the same ID for two different elements on the same page is a big no-no.
Give them unique IDs and give them a common, matching class.