我努力实现干净的代码,同时努力获得我想要的布局。CSS HTML Div布局问题
我的当前代码不是与其他浮动div在页面上运行,而底部的文本和按钮部分不是内联显示,而是强制其他元素不在位置。
我试过我的代码不同rehashings,但找不出它和我在那里我开始拉我的头发了点。
我已经复制了下面的最新代码,减去底部的文本和按钮的div,因为我一直没有能够得到任何地方靠近右边。
CSS:
.sceneItem { clear:both; display: block; margin: 0 auto; width: 100%; }
.scenePart { display: block; width: 100%; height: 360px; float: left; }
.imgLink { margin: 0; position: relative; }
.largeImage { display: block; width: 648px; height: 360px; float: left; }
.previewImage { width: 318px; height: 180px; display: block; margin-bottom: 3px; float: left; }
.previewImage a.imgLink { }
.img { display: inline; }
和HTML:
2014-07-05
Ben
+0
你有没有考虑使用预先存在的布局框架,如960.gs或skel.js?没有重新发明轮子的意义,你可以在5分钟内创建你的布局。 –
+1
[jsfiddle](http://jsfiddle.net)具有适当的图像并解释它的错误可能会有所帮助。 –
+0
所以。出了什么问题?你只是告诉我们它没有做的事情。但不是它做的。 –