我有一个具有精确宽度(280px)的div，其中有2个超链接和一个输入文本框。超链接只占用一点空间。我希望输入文本框填充div中的剩余空间。我该怎么做？HTML:ABCSS:.notificationArea{width:280px;vertical-align:middle;text-align:left;}注意:我可以用其他东西(例如span)替换外部div，但我尽量避免使用表格。编辑:所有元素(超链接和输入)都应该在同一行。编辑2:当我用图像替换两个超链接时，我希望同样的想法起作用。也就是说，我想要一个固定宽度的div，其中包含2个图像(固定大小)和input文本框，它将填充剩余
我有一个设计涉及html中的拆分面板View，类似于winforms拆分面板。我一直在用jQueryUI-Resizable进行实验我喜欢这个功能，我似乎无法协调两个div的大小调整。当前代码的问题是两个div调整大小时彼此远离，而不是一个接一个。如何让两个div协同工作？Test//initialiseplugins$(function(){try{$('ul.sf-menu').superfish();//setupdivs$('#Content').resizable({handles:'e',alsoResize:$('#Attributes')});}catch(ex){al
我有一个设计涉及html中的拆分面板View，类似于winforms拆分面板。我一直在用jQueryUI-Resizable进行实验我喜欢这个功能，我似乎无法协调两个div的大小调整。当前代码的问题是两个div调整大小时彼此远离，而不是一个接一个。如何让两个div协同工作？Test//initialiseplugins$(function(){try{$('ul.sf-menu').superfish();//setupdivs$('#Content').resizable({handles:'e',alsoResize:$('#Attributes')});}catch(ex){al
我需要使一个div可见(以使用它的背景)，即使它不包含任何内容，但不向下推其他元素。我的布局是这样的:/----------------a--------------------\|-------------------------------------||________________b____________________|标记为a的代码需要可见，但它不会包含任何内容。这样背景图像就可以使b框看起来像顶部有一些光泽，而b框将包含文本。但是，框b中的文本需要从框a的顶部开始，而不是在其下方，这是默认行为。因此，就布局而言，框a需要表现得好像它不存在，但为了背景图像的目的，需要表
我需要使一个div可见(以使用它的背景)，即使它不包含任何内容，但不向下推其他元素。我的布局是这样的:/----------------a--------------------\|-------------------------------------||________________b____________________|标记为a的代码需要可见，但它不会包含任何内容。这样背景图像就可以使b框看起来像顶部有一些光泽，而b框将包含文本。但是，框b中的文本需要从框a的顶部开始，而不是在其下方，这是默认行为。因此，就布局而言，框a需要表现得好像它不存在，但为了背景图像的目的，需要表
我有以下简单布局:div.main{width:300px;border:2pxsolid#98999E;overflow:auto;}div.main>div{float:right;border:2pxsolid#FF3700;margin:2px;}div.inner>div{float:right;}123456999在Chrome和Firefox中，这是按预期呈现的-所有内容都在同一行中:但是，当在IE7中测试时(准确地说，实际上是在兼容模式下的IE8)，主要部分下面的第一个div的宽度为100%，因此第二个div被推到它下面:可以在here中找到示例。如何解决？(编辑:事实
我有以下简单布局:div.main{width:300px;border:2pxsolid#98999E;overflow:auto;}div.main>div{float:right;border:2pxsolid#FF3700;margin:2px;}div.inner>div{float:right;}123456999在Chrome和Firefox中，这是按预期呈现的-所有内容都在同一行中:但是，当在IE7中测试时(准确地说，实际上是在兼容模式下的IE8)，主要部分下面的第一个div的宽度为100%，因此第二个div被推到它下面:可以在here中找到示例。如何解决？(编辑:事实
我很想使用PaulIrish的HTML5样板，但我遇到了一个css问题。我希望页眉与页面顶部齐平，但我不能让容器div添加一个我无法摆脱的空白。我认为这与页脚的clearfix有关。我已尝试为页脚和容器div尝试不同的填充大小，但无济于事。这是html代码:headercontentfootercontent我的自定义CSS:#container{background-color:orange;padding:1px;/*can'tbezero*/margin:0;}footer{margin:1px0;}body{width:960px;margin:0auto;background
我很想使用PaulIrish的HTML5样板，但我遇到了一个css问题。我希望页眉与页面顶部齐平，但我不能让容器div添加一个我无法摆脱的空白。我认为这与页脚的clearfix有关。我已尝试为页脚和容器div尝试不同的填充大小，但无济于事。这是html代码:headercontentfootercontent我的自定义CSS:#container{background-color:orange;padding:1px;/*can'tbezero*/margin:0;}footer{margin:1px0;}body{width:960px;margin:0auto;background
这是我的问题的图片:http://www.rhexi.com/images/uploads/example.jpg我正在尝试将多个并排的div对齐到父div中的底部。我试图实现的最终结果是一个条形图，其中有一个父容器，父容器底部有多个条形div。我已经成功地将子栏div嵌入到容器div中，但它们都是顶部对齐的。我如何让它与底部对齐？我不想使用position:absolute和bottom:0因为这些条需要float。这是我的代码:感谢您的帮助! 最佳答案 如果您想继续使用此技术，但需要skybondsor的答案与“屏幕”的底部对齐
