为什么我的内容宽度小于100％？
CSS学徒
为什么我的内容宽度小于100％？
JSFiddle
http://jsfiddle.net/CSS_Apprentice/ru8f6/
的HTML
<div class="container">
<div id="header"></div>
<div id="content">
<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
<div id="box4"></div>
<span class="stretch"></span>
</div>
<div id="footer"></div>
</div>
的CSS
.container {
width: 100%;
height: 100%;
border: 1px solid black;
}
#header {
border: 1px solid black;
width: 100%;
height: 50px;
}
#content {
border: 2px solid #444;
height: 125px;
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
padding-right: 25px;
padding-left: 25px;
}
#content > div {
border: 1px dashed black;
width: 100px;
height: 100px;
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1;
}
.stretch {
width: 100%;
display: inline-block;
font-size: 0;
line-height: 0;
}
#footer {
border: 1px solid black;
width: 100%;
height: 50px;
}
我正在使用“ Justify Text ”技巧来对齐我的div，但是我怀疑这是引起问题的原因。这不是一个大问题，但这只是困扰我:)
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
为什么我的内容宽度小于100％？
- 2
为什么窗口小于实际宽度？
- 3
我的网页宽度是内容的两倍吗？为什么？
- 4
为什么HTML表的列宽度小于要求的宽度？
- 5
正文宽度小于内容宽度
- 6
Python：为什么我的“小于”测试失败？
- 7
当我的宽度设置为 100% 时，为什么我的网站会横向滚动？
- 8
为什么我不能并排放置2个iframe，总宽度为100％？
- 9
为什么相对于浏览器，我的导航宽度不能为100％
- 10
为什么相对于浏览器，我的导航宽度不能为100％
- 11
为什么我的桌子在小屏幕上占据的宽度超过了100％？
- 12
为什么我的导航类没有扩展到宽度的 100%？
- 13
为什么高度（100％）和宽度（100％）不起作用？
- 14
为什么 css box 模型中的 100% 宽度不是 100%？
- 15
为什么imageview的宽度和高度小于可绘制对象的宽度和高度？
- 16
为什么当我使用宽度：100％时，我的包装盒不适合所有屏幕？
- 17
为什么我的网格的宽度为NaN？
- 18
为什么我不能改变乌龟的宽度？
- 19
为什么Outlook忽略了我的div宽度？
- 20
为什么我的网格的宽度为NaN？
- 21
为什么我的图像的高度与宽度无关？
- 22
100％宽度（除非小于x），然后固定
- 23
使 div 背景在 CSS 中小于 100% 宽度？
- 24
为什么我的图像宽度不从父div宽度继承
- 25
为什么我的UITableViewCell的宽度与UITableView的宽度不同？
- 26
为什么我得到的分段错误的限制小于169？
- 27
当我的总宽度为 100vw 时，为什么会出现水平滚动条？
- 28
单个25％列的HTML表使用100％宽度，为什么？
- 29
为什么导航条不会刮到100％的宽度？
我来说两句