Question

看看它的照片......

http://www.flickr.com/photos/91733140@N06/8329388242/in/photostream

我如何让这个div向左而不是向右？

它一直搞乱，我真的需要修复任何想法，我怎么能让它工作？

    <style type="text/css">

#body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #E0E0E0;
}

#header {
    background: #FFFFFF;
    height: 33px;
    width: 100%;
    padding: 5px 30px 5px 30px;
    font-family: arial;
    font-size: 30px;
    border-bottom: 1px #737373 solid;
    position: fixed;
    top: 0;
}

#container {
    width: 1205px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

#box {
    width: 228px;
    height: auto;
    background: #FFFFFF;
    border: 1px #5E5E5E solid;
    margin: 5px;
    float: left;
    font-family: arial;
}

#box_title {
    width: 218px;
    height: auto;
    padding: 5px;
    background: #5E5E5E;
    color: white;
    border-bottom: 1px #FFFFFF solid;
    float: left;
    font-family: arial;
}

#box_img {
    width: 210px;
    height: auto;
    float: left;
    margin-left: auto;
    margin-right: auto;
}

#box_options {
    width: 228px;
    height: 40px;
    background: #FFFFFF;
    color: #000000;
    border-top: 1px #5E5E5E solid;
    float: left;
    font-family: arial;

Answer 1

不要通过打开的标签判断你，但你似乎想要一个“Pinterestish”墙。通过vanilla css这不容易，我可以建议调查jquery砌体吗？

http://masonry.desandro.com/

它为你做了所有繁重的工作

我如何让这个div向左而不是向右？

1 个答案: