Q
设置2个格相邻
2
A
回答
2
试试这个:
<div>Hello</div>
<div>World</div>
div {
border:1px solid #000;
width: 200px;
height:100px;
margin: 10px;
display: inline-block;
}
1
考虑这一点,如果页面是100%..
如何一共有280%的2周的div要装进100%的页面?
此外,高度应写为height: 20px;
。
这是写的正确方法:
div {
width: 50%;
float: left;
height: 20px;
padding: 13px;
box-sizing: border-box;
}
甚至更好:
div {
width: 50%;
display: inline-block.
height: 20px;
padding: 13px;
box-sizing: border-box;
}
1
您正在比width:140%
屏幕宽的div使其等于小于100%是你在找什么example在这里我们设置宽度为45%占填充所以正确对齐
.box {
width: 45%;
padding: 13px;
height: 20;
background:blue;
margin-right: 20px;
float: left;
}
0
对于您在您的问题中提到的情况,我拥有的最佳解决方案是。
HTML
<div class="wrapper">
<div class="box"></div>
<div class="box"></div>
</div>
CSS
*{
box-sizing:border-box
}
.wrapper{
display:table;
width:280%;
}
.box {
width:50%;
display:table-cell;
border:solid 2px red;
padding: 13px;
height: 20px;
}
基本上都采用div
可以达到您所期望的结果的table
布局。
我把包装div的宽度设为280%,对于包装箱我的宽度为50%,最终它将成为每个包装箱的140%,就像您期望的那样。
工作fiddle
相关问题
- 1. 获取2个相邻的(并排)相邻的fieldsets
- 2. 为2格设置相等的高度
- 3. 将div设置为彼此相邻
- 4. 如何让2个div彼此相邻?
- 5. 根据相邻单元格设置范围的VBA功能
- 6. 如何呈现2个html表格彼此相邻?
- 7. 在Bootstrap Div中放置2个彼此相邻的按钮
- 8. 将两个表格彼此相邻
- 9. Tkinter格式化多个相邻的帧
- 10. 对齐两个相邻的表格
- 11. 设置单元格的名称等于相邻单元格的值
- 12. 搜索相邻单元格
- 13. Excel:相邻单元格
- 14. 计数相邻单元格
- 15. 显示3格相邻
- 16. 相邻DateTime格式在.NET
- 17. 只设置类名的第一个相邻div的css样式
- 18. 位置两个单词相邻css
- 19. 将3个块相邻放置的CSS
- 20. 多个iFrame相邻
- 21. 在引导程序中彼此相邻的2格
- 22. Div彼此相邻,1:200px,2:100%
- 23. 设置求解器循环来更改单元格引用,相邻列
- 24. 如何添加2个div的单个边框相邻?
- 25. 如何让相邻和非相邻方格的边界全部相等?
- 26. Excel下拉列表:根据为第一个单元格选择的值设置相邻单元格
- 27. 条件格式Excel中的多个相邻单元格
- 28. 结合两个数据帧来放置相同的行相邻
- 29. 三个div彼此相邻
- 30. 两个div彼此相邻
如果你已经2周的div“宽度:140%”你不能让他们旁边坐对方。除非您使用“宽度:50%”或更少。 –
请提供jsfiddle。 – Alex
一格宽度为140%,总体上它会变成280%,仍然有两格应该相邻。这意味着您的页面将具有水平滚动。你在找什么? –