博客讨论了在CSS中遇到的一个问题，即如何将一个垂直旋转的div元素正确地对齐到页面的右侧，同时避免出现不必要的边距和内容裁剪。作者提到了使用`float:right`和`transform:rotate()`属性进行旋转，但遇到了边距和裁剪的挑战。他们寻求一个更为清晰的解决方案，而不是依赖负边距调整。
我似乎无法将垂直旋转的div一直对齐到页面的右侧：
http://jsfiddle.net/F23W2/2/
HTML：
Vertical Text
CSS：
.vertical {
position: relative;
background-color: #DDDDDD;
padding: 10px;
border-radius: 5px 5px 0 0;
float: right;
-moz-transform: rotate(270deg); /* FF3.5+ */
-o-transform: rotate(270deg); /* Opera 10.5 */
-webkit-transform: rotate(-90deg); /* Saf3.1+, Chrome */
}
>在右页边框和div之间创建了不需要的边距.
>旋转div的顶部被裁剪.
虽然我可以使用负边距来解决,但我想知道是否存在更清晰的解决方案.
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
