Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何用浮子定位?_Html_Css_Css Float - Fatal编程技术网

Html 如何用浮子定位?

Html 如何用浮子定位?,html,css,css-float,Html,Css,Css Float,如何使此页面上的内容文本与导航链接对齐?我以前使用绝对属性或表,但现在我正试图找出如何使用float 我希望它看起来像这样: BBB 其中A为导航,B为内容。您的文本和导航链接太宽,无法放入其包含的div。如果您希望它们对齐,则必须增大包含div的大小,或减小文本和/或导航链接的大小 例如,当我使用以下样式时,它们在我的计算机上完全对齐: 内容{宽度:700px;} 您必须使用样式float:left;将微型徽标和导航链接包装在一个div中;。然后,您可以从微型徽标和ul中删除float:lef

如何使此页面上的内容文本与导航链接对齐?我以前使用绝对属性或表,但现在我正试图找出如何使用float

我希望它看起来像这样: BBB


其中A为导航,B为内容。

您的文本和导航链接太宽,无法放入其包含的div。如果您希望它们对齐,则必须增大包含div的大小,或减小文本和/或导航链接的大小

例如,当我使用以下样式时,它们在我的计算机上完全对齐:

内容{宽度:700px;}
您必须使用样式float:left;将微型徽标和导航链接包装在一个div中;。然后,您可以从微型徽标和ul中删除float:left。

您的文本和导航链接太宽,无法放入其包含的div。如果您希望它们对齐,则必须增大包含div的大小,或减小文本和/或导航链接的大小

例如,当我使用以下样式时,它们在我的计算机上完全对齐:

内容{宽度:700px;}
您必须使用样式float:left;将微型徽标和导航链接包装在一个div中;。然后,您可以从微型徽标和ul中删除float:left。

首先从内容中删除float:left,这将使您的内容位于菜单的右侧

第二,如果您不希望部分文本位于菜单下,请为其设置一个overflow:hidden

菜单{float:left} 内容{溢出:隐藏} 这样,您就不需要为内容提供任何宽度

为了在它们之间留出一些空间,你可以给你的菜单留出右边空白和底部空白

菜单{右边距:20px;底部距:20px} 我看到在你的css中,你的“p”有页边空白。这使得您的内容顶部与菜单不对齐。可以使用css3删除第一个元素的边距

内容p:nth-child1{页边距顶端:0} 编辑: 要将内容与徽标对齐,请执行以下操作:

logo2{width:200px;float:left} 菜单{宽度:200px;浮动:左;清除:左;页边距底部:100px} 内容{显示:内联} 首先,你需要你的标志和菜单作为一列,以得到两者必须有相同的宽度,并浮动到左边。清晰的左侧将使您的菜单在徽标下移动。 然后选择您的内容删除任何float:left并给它一个display:inline,这样它就不再充当块了。
菜单底部的空白是为了使文本不会在菜单下移动,但您可以尝试给菜单增加一个更大的高度。

首先从内容中删除float:left,这将使您的内容位于菜单的右侧

第二,如果您不希望部分文本位于菜单下,请为其设置一个overflow:hidden

菜单{float:left} 内容{溢出:隐藏} 这样,您就不需要为内容提供任何宽度

为了在它们之间留出一些空间,你可以给你的菜单留出右边空白和底部空白

菜单{右边距:20px;底部距:20px} 我看到在你的css中,你的“p”有页边空白。这使得您的内容顶部与菜单不对齐。可以使用css3删除第一个元素的边距

内容p:nth-child1{页边距顶端:0} 编辑: 要将内容与徽标对齐,请执行以下操作:

logo2{width:200px;float:left} 菜单{宽度:200px;浮动:左;清除:左;页边距底部:100px} 内容{显示:内联} 首先,你需要你的标志和菜单作为一列,以得到两者必须有相同的宽度,并浮动到左边。清晰的左侧将使您的菜单在徽标下移动。 然后选择您的内容删除任何float:left并给它一个display:inline,这样它就不再充当块了。
菜单底部的边距是为了使文本不会在菜单下移动,但您可以尝试给菜单增加一个更大的高度。

在CSS中使用float时,添加float的项目也应该有一个宽度

但当浮动时,您需要知道如何清除这些浮动。这是一本好书:

若你们想在内容旁边加上logo,那个么将菜单和logo包装在div中,然后浮动该元素


在CSS中,当使用float时,添加float的项也应该有一个宽度

但当浮动时,您需要知道如何清除这些浮动。这是一本好书:

若你们想在内容旁边加上logo,那个么将菜单和logo包装在div中,然后浮动该元素


如果要从左对齐内容,请删除内容中的填充。如果要从左对齐内容,请删除内容中的填充。谢谢,这很有效。现在,我如何才能使它与广场WL标志并排?谢谢,这工作。现在我如何才能使它与方形WL标志并排?