我有一个内联 block 跨度,占页面宽度的 80%,紧接着我有另一个内联 block 跨度,占用 0.753em,现在我想制作第三个,它会占用其余部分。
也许在代码中会更清楚:
<span style="width:80%; display:inline-block; background-color:lime"></span>
<span style="width:0.753em; display:inline-block"></span>
<span style="width:[?????????]; display:inline-block;background-color:lime"></span>
如前所述,第三个跨度应该占据页面的其余宽度,我应该将其设置为多少宽度?
谢谢。
最佳答案
我想不出使用 display: inline-block
的方法。
相反,这是一个基于float
的解决方案:
<span style="float:left; width:80%; height:30px; background-color: lime"></span>
<span style="float:left; width:0.753em; height:30px; background-color: green"></span>
<span style="display:block; overflow:hidden; height:30px; background-color:red"></span>
为什么会这样? http://colinaarts.com/articles/the-magic-of-overflow-hidden/#making-room-for-floats
关于html设置页面其余部分的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5845501/