<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <style type="text/CSS"> body { margin:0;padding:0;} </style> </head> <body> <div> <div > <div >1</div> <div >2</div> </div> </div> </body> </HTML> 我希望这些块刷新,但目前第二块被推下..
如果我将第二个块的宽度更改为296px,那么它可以工作..
我不想使用float：left因为它需要一个带有clear的块：both;.
解决方法@H_502_17@ This就是你现在所拥有的,但是尺寸减小了：I don’t want to use float:left because
it requires one more block with
“clear:both;”.
使用float：left,您可以清除/包含浮动,而无需添加带clear的元素：both.您可以通过在父元素上添加overflow：hIDden(或clearfix)来完成此 *** 作.
> Without overflow: hidden
> With overflow: hidden
您需要做的第一件事是删除两个div之间的空格.
> With whitespace
> Without whitespace
如果要添加边框,可以使用add wrapper elements and add the borders to that.
或者,您可以将box-sizing: border-box用作shown here.
以上是内存溢出为你收集整理的html – 显示：带边框的内联块？全部内容，希望文章能够帮你解决html – 显示：带边框的内联块？所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）