大家好，基本上我有一个非常简单的布局，带有一个标题图像，一个主要居中的文本区域。以及位于主要居中文本区域左侧的侧边栏。这基本上是我的布局的样子:HeaderSidebarMainArea侧边栏显然会一直对齐到页面的左侧，我希望它做的仍然是在页面的左侧，但我希望它“拥抱”主页面中心区域。这是现在的基本图片，以及我希望发生的事情的箭头:http://img18.imageshack.us/img18/2307/exampleps.jpg 最佳答案 现场演示:http://jsfiddle.net/rRm7k/HTML:HEADERSID
大家好，基本上我有一个非常简单的布局，带有一个标题图像，一个主要居中的文本区域。以及位于主要居中文本区域左侧的侧边栏。这基本上是我的布局的样子:HeaderSidebarMainArea侧边栏显然会一直对齐到页面的左侧，我希望它做的仍然是在页面的左侧，但我希望它“拥抱”主页面中心区域。这是现在的基本图片，以及我希望发生的事情的箭头:http://img18.imageshack.us/img18/2307/exampleps.jpg 最佳答案 现场演示:http://jsfiddle.net/rRm7k/HTML:HEADERSID
我正在尝试设置一个设计，我想要一个用于导航的左侧栏和保持固定且不滚动的内容，但旁边有一个内容框可以根据需要滚动。我遇到的问题是，如果我position:fixed;第一个DIV在技术上可以满足我的要求，但它与第二个DIV重叠。我只是创建它并使用JsFiddle轻松测试，所以除了这个fiddle之外我没有实际的工作代码。我承认，我现在已经醒了大约30个小时，所以如果这真的是我的愚蠢疏忽，请原谅我。谢谢!FIDDLE 最佳答案 我尝试编写这段代码，它也是响应式的。*{padding:0px;margin:0px;}#one{float:
我正在尝试设置一个设计，我想要一个用于导航的左侧栏和保持固定且不滚动的内容，但旁边有一个内容框可以根据需要滚动。我遇到的问题是，如果我position:fixed;第一个DIV在技术上可以满足我的要求，但它与第二个DIV重叠。我只是创建它并使用JsFiddle轻松测试，所以除了这个fiddle之外我没有实际的工作代码。我承认，我现在已经醒了大约30个小时，所以如果这真的是我的愚蠢疏忽，请原谅我。谢谢!FIDDLE 最佳答案 我尝试编写这段代码，它也是响应式的。*{padding:0px;margin:0px;}#one{float:
我目前有以下代码。我试图让第二个、第三个和第四个“li”元素在导航栏的中间垂直对齐。第一个“里”是图片，第二个、第四个都是文字。这是目前的截图。http://i49.tinypic.com/bfesl3.png我试过使用“vertical-align:middle”和填充。请注意，如果在Firefox中查看，第二个、第三个和第四个“li”元素在中间显示为垂直对齐，但在其他浏览器中则不然。这是我的代码。aboutmefilmscontactme`CSS代码:.nav{list-style-type:none;padding-left:0;margin-left:0;font-family
我目前有以下代码。我试图让第二个、第三个和第四个“li”元素在导航栏的中间垂直对齐。第一个“里”是图片，第二个、第四个都是文字。这是目前的截图。http://i49.tinypic.com/bfesl3.png我试过使用“vertical-align:middle”和填充。请注意，如果在Firefox中查看，第二个、第三个和第四个“li”元素在中间显示为垂直对齐，但在其他浏览器中则不然。这是我的代码。aboutmefilmscontactme`CSS代码:.nav{list-style-type:none;padding-left:0;margin-left:0;font-family
我目前正在制作一个网站，您可以在其中找到一级方程式比赛的结果。为此，我想为每个大奖赛制作一个结果页面，其中结果显示在彼此相邻的5个框中。像这样:12345但是现在看起来是这样的12345这是我使用的HTML代码:FP1FP2FP3QualRace这是我使用的CSS:#wrap{width:100%;height:600px;background-color:#000;border:1pxsolidwhite;}#fp1{width:20%;height:600px;background-color:#333;float:left;}#fp2{margin-left:20%;width:
我目前正在制作一个网站，您可以在其中找到一级方程式比赛的结果。为此，我想为每个大奖赛制作一个结果页面，其中结果显示在彼此相邻的5个框中。像这样:12345但是现在看起来是这样的12345这是我使用的HTML代码:FP1FP2FP3QualRace这是我使用的CSS:#wrap{width:100%;height:600px;background-color:#000;border:1pxsolidwhite;}#fp1{width:20%;height:600px;background-color:#333;float:left;}#fp2{margin-left:20%;width:
我只是想在同一行上对齐一些文本，我的CSS是这样的:#logo{width:600px;margin:auto;margin-top:250px;}还有我的代码:TextHereTextThere这是它显示的内容:你们会碰巧知道我做错了什么吗？我为第二个div尝试了内联样式，用于padding:0;和margin:0;但没有用。我只是想让它在同一条线上，但在右边调整。感谢所有建议。 最佳答案 将div并排放置在容器中TextHereTextThere然后向两个div添加display:inline-block;CSS属性。Fiddl
我只是想在同一行上对齐一些文本，我的CSS是这样的:#logo{width:600px;margin:auto;margin-top:250px;}还有我的代码:TextHereTextThere这是它显示的内容:你们会碰巧知道我做错了什么吗？我为第二个div尝试了内联样式，用于padding:0;和margin:0;但没有用。我只是想让它在同一条线上，但在右边调整。感谢所有建议。 最佳答案 将div并排放置在容器中TextHereTextThere然后向两个div添加display:inline-block;CSS属性。Fiddl
