浮动问题

时间:2011-01-08 22:16:44

标签: html css css-float

我有一些奇怪的问题试图将东西浮动到左边。我试图用easy clearing method清除它,但它仍然不起作用。看到有什么问题?我正试图浮动article

继承人CSS

    #main-wrap { margin: 0 auto; width: 960px; }

/* Navigation */
nav { background: #2f2f2f; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .4); box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
  float: right; width: 473px; }
nav ul { padding: 10px; }
nav ul li { display: inline; border-right: 1px solid #000; border-left: 1px solid #686868; margin: 0 -4px 0 0; padding: 0 14px 0 14px; }
nav ul li:first-child { border-left: none; }
nav ul li:last-child { border-right: none; }
nav ul li a { color: #fff; letter-spacing: 1px; text-shadow: -1px 0 1px #000; }

/* Logo */

#logo-wrap { background: url(../images/logo.png); display: block; position: relative; right: 156px; top: 2px; z-index: -1; height: 718px; width: 733px; }

/* Main Content */

article { float: right; width: 482px; }

Heres the HTML.

#logo-wrap只是一个大图。

1 个答案:

答案 0 :(得分:0)

如何设置

article { float: left; width: 482px; }

漂浮:左;而不是漂浮:对; ?

看这里: http://jsbin.com/ofizu5/2

希望这会对你有所帮助吗?如果没有更准确地描述你的问题:)