这是我的问题。我有一个包装器div(宽度:800px和高度:250px),其中包含两个div,占据了所有高度空间并将它们的宽度分成两半。我设置了我的css,将右侧的divfloat为float:right,这一个出现在它应该出现的位置但“低于”另一个,超出了包装div空间(这甚至不应该是可能的)。我同时发布了jdfiddle和代码。JSfiddlehttp://jsfiddle.net/FV9yC/HTMLThisismyheadingLoremipsumdolorsitamet,consecteturadipisicingelit.ThisismyheadingLoremipsumd
我有两个具有背景图像的div,我想为第二个div添加边距,但它正在创建空白区域。如何在将div保持在另一个div内的同时添加上边距?.logo{background-image:url(image/logo2.png);height:40px;width:400px;margin-left:100px;display:block;margin-top:20px;}.background{background-image:url(image/empback.png);width:100%;height:94px;min-width:1345px;} 最佳答案
我有两个具有背景图像的div,我想为第二个div添加边距,但它正在创建空白区域。如何在将div保持在另一个div内的同时添加上边距?.logo{background-image:url(image/logo2.png);height:40px;width:400px;margin-left:100px;display:block;margin-top:20px;}.background{background-image:url(image/empback.png);width:100%;height:94px;min-width:1345px;} 最佳答案
我尝试使用图标glyphiconglyphicon-chevron-right在我的设计中显示方向,但我需要比默认尺寸更细的图标。那么如何减少glyphiconglyphicon-chevron-right的默认Bootstrap图标的厚度我的代码是:- 最佳答案 当前的bootstrap有更多的图标,包括一个叫做glyphicon-menu-right的更细的箭头。您总是可以寻找替代图标字体。那里实际上有几十个-有些是免费的。或者雇人来创建您需要的图标。或者自己做,例如FontForge.
我尝试使用图标glyphiconglyphicon-chevron-right在我的设计中显示方向,但我需要比默认尺寸更细的图标。那么如何减少glyphiconglyphicon-chevron-right的默认Bootstrap图标的厚度我的代码是:- 最佳答案 当前的bootstrap有更多的图标,包括一个叫做glyphicon-menu-right的更细的箭头。您总是可以寻找替代图标字体。那里实际上有几十个-有些是免费的。或者雇人来创建您需要的图标。或者自己做,例如FontForge.
有什么方法可以制作流畅的布局,如果float元素不适合,它会移动到下一行的左侧?这是我要实现的目标的图片:如果绿色元素和右侧元素都有空间,则红色元素向右浮动。如果没有足够的空间(绿色元素太长,或者屏幕太小),红色元素应该环绕并向左对齐。这是我目前拥有的:fiddle如您所见,绿色元素在环绕后保持向右对齐。代码:longlonglonglongtextneedstoaligntotheleft.red{display:inline-block;border-color:red;}.green{float:right;width:80px;border-color:green;}
有什么方法可以制作流畅的布局,如果float元素不适合,它会移动到下一行的左侧?这是我要实现的目标的图片:如果绿色元素和右侧元素都有空间,则红色元素向右浮动。如果没有足够的空间(绿色元素太长,或者屏幕太小),红色元素应该环绕并向左对齐。这是我目前拥有的:fiddle如您所见,绿色元素在环绕后保持向右对齐。代码:longlonglonglongtextneedstoaligntotheleft.red{display:inline-block;border-color:red;}.green{float:right;width:80px;border-color:green;}
我在网站上工作,一切正常,除了我的网站“摇晃”。(我正在使用Chrome)我的主容器的边距在某些方面发生了变化,我不知道为什么。他们有相同的html代码,这肯定与主div-container中的内容有关我的网站:www.anitalernt.dehttp://www.anitalernt.de/about-us.html向左一点,http://www.anitalernt.de/index.html在获得任务后(只需点击一些按钮)。有人有想法吗? 最佳答案 始终显示滚动条html{overflow-y:scroll;}参见:Alwa
我在网站上工作,一切正常,除了我的网站“摇晃”。(我正在使用Chrome)我的主容器的边距在某些方面发生了变化,我不知道为什么。他们有相同的html代码,这肯定与主div-container中的内容有关我的网站:www.anitalernt.dehttp://www.anitalernt.de/about-us.html向左一点,http://www.anitalernt.de/index.html在获得任务后(只需点击一些按钮)。有人有想法吗? 最佳答案 始终显示滚动条html{overflow-y:scroll;}参见:Alwa
我正在尝试布局一个页面,该页面在顶部和内容区域有一个水平导航栏,当内容太大时将获得滚动条。我目前的做法是将div宽度设置为100%;高度50px;绝对位置;前0;离开0;然后是高度为100%的第二个div;宽度100%;边距顶部50px;溢出:自动;然而,出现的滚动条偏移了50px边距,因此将内容推离了页面底部。如果我删除边距,一切正常,但它会将内容放在导航栏后面。我还尝试将它包装在一个容器中,并尝试将它们的边距和溢出部分放在child身上,但这似乎仍然没有达到所需的效果。jsFiddle,带有注释以尝试更好地解释它。http://jsfiddle.net/Piercy/hggXJ/H