2011-04-11 79 views
1

下面的图片将解释我的意思宽度减去几个像素

click here for image

假装红色区域是分频器,因为我只是希望它是空的,类似流体分隔

position:absolute; left:0px; right:100px; 

上面的东西不会工作,因为我尝试将其与已使用的位置的分隔内一个表来做到这一点:绝对....它实际上是对高度,但做讲解得g简单我只是要求的宽度

+1

“它实际上是为了高度,但为了简单说明我只是要求宽度”..这很有趣,不知何故:)无论如何,这并不是一个好主意,因为浏览器有不同的行为来试图填充宽度和高度(例如水平居中vs垂直居中) – Ben 2011-04-11 04:16:45

+0

难道你不问同一个问题在http://stackoverflow.com/questions/5616231/how-do-you-make-a-fluid-wrapping-divider-height。 – Hussein 2011-04-11 04:22:18

+0

没有那个问题得到包装的地方......这是一个问题得到一个表放置在包装内的地方,因为绝对定位不适用于这种情况 – Ninjiangstar 2011-04-11 04:49:19

回答

0

你的具体问题是相当混乱,但是,不,CSS没有数学的概念。例如,你不能做100% - 50px,尽管这样做会非常方便。

但是,您可以给出特定测量的元素边距,并且如果您不给元素定义宽度,则默认情况下它是'自动',因此将占用剩余空间。

所以左边的DIV可以设置为100px右边距。

这将回答你的问题,如果它是关于流体布局的CSS和水平间距。

至于你的垂直间距问题和表格,这是一个完全不同的东西,所以会建议你用你正在寻求帮助的特定标记来修改你的问题。

+4

以防万一谁遇到这一点。 .. CSS3现在可以做数学:http://updates.html5rocks.com/2012/03/CSS-layout-gets-smarter-with-calc – 2012-10-18 16:02:18

+0

好主意添加此评论,正是我需要的 – 2013-01-23 14:54:33

0

你可以有一个战利品,以较少的CSS框架(它与JS交易)

您可以使用运算符,检查功能&操作中less official website,很有意思,你可以做这样的事情:

@base-color: #000000; 
    #footer { 
     color: @base-color + #003300;  
} 
0

您可以使用width: calc(100% -100px);,但不幸所有浏览器都不支持。