Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.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
CSS/HTML中带div的列_Html_Css - Fatal编程技术网

CSS/HTML中带div的列

CSS/HTML中带div的列,html,css,Html,Css,我的内容和边栏的div部分有一些编码问题。正如您在(link deleted>problem solved)上所看到的,我希望在Home部分下有版权部分,并希望在右侧像这样启动侧栏:(link deleted>problem solved) 你知道我怎么做吗 .container{ 宽度:1000px; 保证金:0自动; } .clearfix:之后{ 内容:“; 显示:表格; 明确:两者皆有; } #导航栏{ 字体系列:Ubuntu压缩版; 字体大小:16px; 背景色:#ffff00; 背

我的内容和边栏的div部分有一些编码问题。正如您在(link deleted>problem solved)上所看到的,我希望在Home部分下有版权部分,并希望在右侧像这样启动侧栏:(link deleted>problem solved)

你知道我怎么做吗

.container{
宽度:1000px;
保证金:0自动;
}
.clearfix:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
#导航栏{
字体系列:Ubuntu压缩版;
字体大小:16px;
背景色:#ffff00;
背景图像:线性渐变(到底部,rgba(0,0,0,0),rgba(0,0,0.1));
高度:44px;
边界半径:4px4p0;
边缘顶部:-44px;
盒影:镶嵌0px-22px 0px 0px rgba(0,0,0.05),镶嵌0px 2px 0px 0px rgba(255255255,0.1),镶嵌0px-3px 0px 0px rgba(0,0,0,0.1),0px 0px 14px 0px rgba(0,0,0.5);
}
#纳瓦尔{
保证金:0;
填充:12.5px0;
}
#纳瓦尔里酒店{
列表样式:无;
显示:内联;
浮动:左;
}
#navbar ul.navright{
浮动:对;
位置:相对位置;
}
#navbar ul li a{
填充:13px 20px;
盒影:1px 0px 0px 0px rgba(255255255,0.08),插图-1px 0px 0px rgba(0,0,0.2);
颜色:#000;
文本阴影:0 1px#ffff00;
文字装饰:无;
}
#navbar ul.navbar右{
方框阴影:-1px 0px 0px 0px rgba(255255255,0.08),插入1px 0px 0px rgba(0,0,0.2);
}
#导航栏ul li a:悬停{
背景色:rgba(0,0,0,0.05);
文字装饰:粗体;
}
#导航崩溃{
显示:无!重要;
}
.打开下拉菜单{
显示:块!重要;
}
#导航标志{
背景图片:url(img/logo.png);
宽度:203px;
高度:77px;
显示:无;
浮动:左;
裕度:-2px010px;
}
.空间{
高度:20px;
}
#内容{
宽度:645px;
背景色:#fff;
边界半径:4px4px4px4px;
盒影:0px 0px 10px 0px rgba(0,0,0,0.2);
填充:15px;
浮动:左;
右边距:20px;
边缘底部:20px;
}
#边栏{
宽度:274px;
背景色:#fff;
边界半径:4px4px4px4px;
盒影:0px 0px 10px 0px rgba(0,0,0,0.2);
填充:15px;
浮动:对;
边缘底部:20px;
}
#页脚{
垂直对齐:中间对齐;
}
.侧标题{
文本阴影:0 1px#ffff00;
填充物:5px 5px 7px 5px;
利润率:0px 0 5px 0;
边界半径:3px;
字体大小:正常;
字体系列:Ubuntu压缩版;
字体大小:16px;
颜色:#000;
背景图像:线性渐变(到底部,rgba(0,0,0,0),rgba(0,0,0.1));
背景色:#ffff00;
盒影:镶嵌0px-15px 0px 0px rgba(0,0,0.05),镶嵌0px 2px 0px rgba(255255255,0.1),镶嵌0px-2px 0px rgba(0,0,0,0.1);
}
.家庭徽章{
宽度:275px;
保证金:0自动;
}
.holder、.holder\u悬停{
边界半径:4px;
宽度:50px;
高度:50px;
背景位置:中心;
背景重复:无重复;
浮动:左;
利润率:2.5px;
光标:指针;
-webkit过渡:所有0.3版本都可以轻松过渡;
-moz转换:所有0.3秒都会变慢;
背景色:#ebebebeb;
}
斯宾纳先生{
动画名称:旋转;
动画持续时间:10秒;
动画迭代次数:无限;
动画计时功能:线性;
位置:绝对位置;
宽度:55px;
高度:55px;
背景:url(img/spinner.png)无重复中心;
背景尺寸:封面;
}

菜单
- © 2017 Nieuwste徽章 纽斯特梅伯尔斯酒店 啁啾
添加此代码:

#mainleft {
  float: left;
}

#mainright {
  float: right;
}
移除
#content
#sidebar
上的浮动,并使用
#mainlight
div包装
#content
,使用
#mainlight
div包装
#sidebar

/*添加此*/
#缅因州{
浮动:左;
}
#缅因州{
浮动:对;
}
.集装箱{
宽度:1000px;
保证金:0自动;
}
.clearfix:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
#导航栏{
字体系列:Ubuntu压缩版;
字体大小:16px;
背景色:#ffff00;
背景图像:线性渐变(到底部,rgba(0,0,0,0),rgba(0,0,0,0.1));
高度:44px;
边界半径:4px4p0;
边缘顶部:-44px;
方框阴影:嵌入0px-22px 0px 0px rgba(0,0,0,0.05),嵌入0px 2px 0px 0px rgba(255,255,0.1),嵌入0px-3px 0px 0px rgba(0,0,0,0,0.1),0px 0px 14px 0px rgba(0,0,0,0.5);
}
#纳瓦尔{
保证金:0;
填充:12.5px0;
}
#纳瓦尔里酒店{
列表样式:无;
显示:内联;
浮动:左;
}
#navbar ul.navright{
浮动:对;
位置:相对位置;
}
#navbar ul li a{
填充:13px 20px;
方框阴影:1px 0px 0px 0px rgba(255,255,255,0.08),插图-1px 0px 0px 0px rgba(0,0,0.2);
颜色:#000;
文本阴影:0 1px#ffff00;
文字装饰:无;
}
#navbar ul.navbar右{
方框阴影:-1px 0px 0px 0px rgba(255,255,255,0.08),插入1px 0px 0px 0px rgba(0,0,0.2);
}
#导航栏ul li a:悬停{
背景色:rgba(0,0,0,0.05);
文字装饰:粗体;
}
#导航崩溃{
显示:无!重要;
}
.打开下拉菜单{
显示:块!重要;
}
#导航标志{
背景图片:url(img/logo.png);
宽度:203px;
高度:77px;
显示:无;
浮动:左;
裕度:-2px010px;
}
.空间{
高度:20px;
}
#内容{
宽度:645px;
背景色:#fff;
边界半径:4px4px4px4px;
盒影:0px 0px 10px 0px rgba(0,0,0,0.2);
填充:15px;
/*浮动:左;移除此*/
右边距:20px;
边缘底部:20px;
}
#边栏{
宽度:274px;
背景色:#fff;
边界半径:4px4px4px4px;
盒影:0px 0px 10px 0px rgba(0,0,0,0.2);
填充:15px;
/*浮动:对;移除这个*/
边缘底部:20px;
}
#页脚{
垂直对齐:中间对齐;
}
.侧标题{
文本阴影:0 1px#ffff00;
填充物:5px 5px 7px 5px;
利润率:0px 0 5px 0;
边界半径:3px;
字体大小:正常;
字体系列:Ubuntu压缩版;
字体大小:16px;
颜色:#000;