jjzjj

horizontal

全部标签

html - CSS 页脚宽度 :100% causes horizontal scroll

我在给页脚100%宽度时遇到问题,它会导致水平滚动,你能看到什么吗?当我降低100%时,它会在侧面形成一个橙色条,因为那是背景,我读到元素上有填充可能会导致它,但我很确定我的页脚内容上没有任何填充酒吧所以有人可以帮忙吗?/*CSSDocument*//*--RESET|BasedonEricMeyer--*/ol,ul{list-style:none;padding:0px;}li{line-height:25px;}/*--BODYBORDER--*/.bt,.br,.bb,.bl{background:white;position:fixed;z-index:99999;}.bl,

html - Bootstrap 3 : Set custom width with input-group/input-group-addon and horizontal labels

我想使用.col-lg-*类来控制输入元素的大小概述here在Bootstrap网站上。但是,将div中的元素完全搞砸了:带有div的HTML:Paycheck$如何设置输入元素的宽度,使它们都一样?我希望每个输入元素的左边距像这样齐平:这是现在的样子:这是我当前的HTML:IncomePaycheck$Investments$Other$Update实例:http://jsfiddle.net/jfXUr/ 最佳答案 根据我上面的评论,尝试将标签和.input-group与.form-group容器分组。Paycheck$此处演示

html - Bootstrap 3 : Set custom width with input-group/input-group-addon and horizontal labels

我想使用.col-lg-*类来控制输入元素的大小概述here在Bootstrap网站上。但是,将div中的元素完全搞砸了:带有div的HTML:Paycheck$如何设置输入元素的宽度,使它们都一样?我希望每个输入元素的左边距像这样齐平:这是现在的样子:这是我当前的HTML:IncomePaycheck$Investments$Other$Update实例:http://jsfiddle.net/jfXUr/ 最佳答案 根据我上面的评论,尝试将标签和.input-group与.form-group容器分组。Paycheck$此处演示

javascript - 如何使位置 :fixed div scroll horizontally

我有一个position:fixed的div,如下图所示。我希望它垂直固定,但我希望它与其余内容一起水平滚动(注意水平滚动条)。这可以用CSS实现吗?还是我需要Javascript(在这种情况下,我该怎么做)? 最佳答案 老问题,但我也在寻找解决方案,并找到了一个很好的简单jquery解决方案,并且认为如果没有别的,其他人可能会发现它有帮助:$(window).scroll(function(){   $('#header').css('left',originalLeft-$(this).scrollLeft());});head

javascript - 如何使位置 :fixed div scroll horizontally

我有一个position:fixed的div,如下图所示。我希望它垂直固定,但我希望它与其余内容一起水平滚动(注意水平滚动条)。这可以用CSS实现吗?还是我需要Javascript(在这种情况下,我该怎么做)? 最佳答案 老问题,但我也在寻找解决方案,并找到了一个很好的简单jquery解决方案,并且认为如果没有别的,其他人可能会发现它有帮助:$(window).scroll(function(){   $('#header').css('left',originalLeft-$(this).scrollLeft());});head

html - PhoneGap/ Cordova : Prevent horizontal scrolling

我有一个基于Cordova构建的应用程序,在我的一些页面上,我可以水平滚动我的内容到空白区域。这很奇怪,因为我没有任何东西可以超出我的#wrapper,它设置为width:100%。所以我想知道是否有一种方法可以完全禁用应用程序中的水平滚动?更新:页面上的请求代码:body{background-color:#fff;font-family:Arial,Helvetica,sans-serif;color:#b7b8b9;height:100%;width:100%;}iframe{border:none;width:100%;/*margin-top:50px;*/}#header{

html - PhoneGap/ Cordova : Prevent horizontal scrolling

我有一个基于Cordova构建的应用程序,在我的一些页面上,我可以水平滚动我的内容到空白区域。这很奇怪,因为我没有任何东西可以超出我的#wrapper,它设置为width:100%。所以我想知道是否有一种方法可以完全禁用应用程序中的水平滚动?更新:页面上的请求代码:body{background-color:#fff;font-family:Arial,Helvetica,sans-serif;color:#b7b8b9;height:100%;width:100%;}iframe{border:none;width:100%;/*margin-top:50px;*/}#header{

html - CSS : center form in page horizontally and vertically

如何在我的页面中水平和垂直居中名为form_login的表单?这是我现在使用的HTML:Seconnecter我已尝试执行以下css,但我的表单从未居中:#form_login{left:50%;top:50%;margin-left:-25%;position:absolute;margin-top:-25%;} 最佳答案 你可以使用display:flex来做到这一点:http://codepen.io/anon/pen/yCKuzhtml,body{height:100%;width:100%;margin:0;}body{d

html - CSS : center form in page horizontally and vertically

如何在我的页面中水平和垂直居中名为form_login的表单?这是我现在使用的HTML:Seconnecter我已尝试执行以下css,但我的表单从未居中:#form_login{left:50%;top:50%;margin-left:-25%;position:absolute;margin-top:-25%;} 最佳答案 你可以使用display:flex来做到这一点:http://codepen.io/anon/pen/yCKuzhtml,body{height:100%;width:100%;margin:0;}body{d

html - 位置 :absolute causes horizontal scrollbar

绝对定位(侧面黄色广告)div在调整窗口大小时(尺寸减小)超过它们时会导致不需要的水平滚动条。只有当窗口小于主#container时滚动条才会出现,并且这些广告div不应影响布局。他们是否被覆盖并不重要。HTML:Link1Link2Link3Link4adadLoremipsumplaceholdertextCSS:body,html{height:100%;}body{margin:0;}#topbar{width:100%;background-color:#DCDCDC;height:40px;position:absolute;}#menu{width:250px;backg