CSS网页元素没有正确定位[关闭]答案

【问题标题】：CSS Webpage elements are not positioning correctly [closed]CSS网页元素没有正确定位[关闭]
【发布时间】：2012-05-23 22:16:34
【问题描述】：

我正在尝试将设计编码为 HTML 和 CSS。这是一个小sn-p。我在定位方面遇到问题，似乎无法将元素放在正确的位置。

我的网页可以在http://www.sarahjanetrading.com/js/j/index.html找到

我要复制的设计可以在这里找到：http://www.sarahjanetrading.com/js/j/people-list.png

我还希望复选框输入看起来像设计中的那个。复选框可以设置样式吗？

【问题讨论】：

这个问题你有两个问题。第一个不够清楚 - 请解释您到底有什么问题，并显示一些相关的 HTML 和 CSS 代码。第二个已经有了答案：stackoverflow.com/search?q=html+style+checkboxes
查看我提供的网页的网址。我在那里使用浮动来定位元素。但正如您在网页上看到的那样，它看起来一团糟。我想知道我做错了什么？..谢谢

标签： css positioning css-float

【解决方案1】：

像这样更改你的 CSS：

#people-list #content h2 {
font-size: 16px;
float: left;
margin-left: 10px;
margin-top: 5px;
width: 355px;
}
#people-list #content small {
font-size: 12px;
color: #8F9092;
margin: 5px 0 8px;
display: block;
float: left;
width: 355px;
display: block;
margin-left: 9px;
}
#people-list #content .tags {
border-radius: 7px;
box-shadow: inset 0px 6px 2px 8px #f5f5f5;
border: 1px solid #E3E3E3;
padding: 2px;
font-size: 9px;
margin-right: 3px;
margin-left: 10px;
}

并检查此链接的样式复选框 http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

【讨论】：

谢谢伙计..这是我正在寻找的答案:)

【解决方案2】：

是的，复选框可以设置样式，尝试将按钮放在一个div中并将显示属性更改为内联

【讨论】：