自适应div,最后一个div靠右

下面是写的一个html,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



Demo: Payment Accounts .wrapper{ font:12px Arial; display: table-row; } .cell50{ width:50px; } .cell100{ width:100px; } .cell200{ width:250px; } .cell50, .cell100, .cell200{ display:table-cell; } .cell300{ display:table-cell; text-align:right; width:300px; }

View by:
Users
Companys
Install New User


我希望Install New User是靠右边的。其他部分都是自适应屏幕大小的,而且都在同一行,所以用了display:table-row; 和 display:table-cell

但这样,问题就来了,最右边的div一定要指定很大的宽度,才能靠右,如果设置了float:right也不行。

css

3个回答

上面贴的html有问题

yiyiwudian
Princess_Ann 我写进去就出错了
接近 6 年之前 回复

```<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



Demo: Payment Accounts .wrapper{ font:12px Arial; border:dotted; } .cell50{ width:50px; } .cell100{ width:100px; } .cell200{ width:200px; } .cell50, .cell100, .cell200{ display:table-cell; } .cell300_R{ display:table-cell; text-align:right; width:300px; } .floatleft{ float:left; } .floatright{ float:right; }

View by:
Users
Companys




其实就是View By: Companys Users是几个div,后面的Install New User是最后面的div,希望它靠右

danielinbiti
danielinbiti 如果前面table-cell设置了宽度,最后一个table-cell居右好像实现不了。最后一个设置宽度会压缩前面宽度的。如果你能估算出前面宽度大概占屏幕多宽的比例的话,也可勉强设置一个百分比凑合着使用。
接近 6 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐