css - 尝试定位元素不起作用

标签 css html css-float

我想放置 5 个列 block ,每个包含一行中的文本。我试图创建一个宽度为 1600px 的包装类,左右填充 30px 以及两个将对齐的类分别在左边和右边的内容,这些类中的每一个都在包装类中的嵌套 div 中。我给每个 div 设置了 300px 的宽度和 300px 的高度,前四个 div 彼此对齐,而最后一个对齐在下方和右侧。CSS 和 HTML 是 here .

编辑:

主要问题在以下时间得到解决:

.wrapper
{
    width:1600px;
    height:auto;
    padding:0px 30px 0px 30px;
}

但这似乎超出了屏幕分辨率,需要我水平滚动才能查看所有内容,我该如何处理不同的屏幕分辨率?

最佳答案

尽量给 width:1600px;

.wrapper
{
    width:1600px;
    height:auto;
    padding:0px 30px 0px 30px;
}

http://jsfiddle.net/sKsZN/

关于css - 尝试定位元素不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20833678/

相关文章:

javascript - 在列表之间单击时移动 li 项目无法正常工作

html - 链接的文本颜色未显示在 Chrome 上

JavaScript 循环打印 HTML 代码

CSS float 、移位、清除

html - 如何让3个div在一定 Angular 下并排

css - 使用 LESS 变量作为 CSS 属性

html - 告诉图像覆盖整个浏览器窗口

css - HTML CSS div 向左浮动在下面,在 div 向右浮动下方?

jquery - Feed 图像显示在某些浏览器中旋转

php - WordPress 导航菜单子(monad)页面