Css 在dreamweaver流体网格布局上居中放置两个div
我一直在尝试使用dreamweaver流体网格系统将两个div置于彼此相邻的中间。我尝试了很多不同的方法来让他们集中注意力。我靠得很近,玩边距游戏,但当我打开窗口调整浏览器窗口大小时,我设置的百分比并没有很好地发挥作用,使div要么太偏左要么太偏右,要么将右侧的div放在桌面和平板电脑屏幕大小之间的一条新线上。我认为问题在于左侧的div,它在dreamweaver的设计布局上具有固定的像素宽度和一些空的网格线空间。我在网上找不到任何答案。。。。。请找个人帮忙。看起来我还得搜索如何把代码放在这里。对不起。。。。第一次来这里 添加此代码:Css 在dreamweaver流体网格布局上居中放置两个div,css,dreamweaver,Css,Dreamweaver,我一直在尝试使用dreamweaver流体网格系统将两个div置于彼此相邻的中间。我尝试了很多不同的方法来让他们集中注意力。我靠得很近,玩边距游戏,但当我打开窗口调整浏览器窗口大小时,我设置的百分比并没有很好地发挥作用,使div要么太偏左要么太偏右,要么将右侧的div放在桌面和平板电脑屏幕大小之间的一条新线上。我认为问题在于左侧的div,它在dreamweaver的设计布局上具有固定的像素宽度和一些空的网格线空间。我在网上找不到任何答案。。。。。请找个人帮忙。看起来我还得搜索如何把代码放在这里。
* {
box-sizing: border-box; /* Opera/IE 8+ */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
框大小CSS属性用于更改用于计算元素宽度和高度的默认CSS框模型
边框框-宽度和高度属性包括填充和边框,但不包括边距
所以,不是保证金
.img {
margin-left: 2.5641%;
}
用填充物做
.img {
padding-left: 2.5641%;
}
您的布局应该很好。请在您的帖子中添加更多信息,例如解释框大小的作用。
.img {
padding-left: 2.5641%;
}