阻止css更改元素宽度
阻止CSS更改元素宽度可以通过以下几种方式实现：
- 使用CSS属性
width设置固定宽度：通过将元素的宽度设置为固定值，可以阻止CSS对其进行更改。例如，可以使用以下代码将元素的宽度设置为200像素：.element { width: 200px; }这样，无论其他CSS规则如何，元素的宽度都会保持为200像素。 - 使用CSS属性
min-width和max-width限制宽度范围：通过设置元素的最小宽度和最大宽度，可以限制CSS对其宽度的更改。例如，可以使用以下代码将元素的宽度限制在200像素到300像素之间：.element { min-width: 200px; max-width: 300px; }这样，元素的宽度将始终保持在200像素到300像素之间。 - 使用CSS属性
overflow隐藏溢出内容：通过设置元素的overflow属性为hidden，可以隐藏元素宽度超出指定范围的内容。例如，可以使用以下代码隐藏元素宽度超出200像素的内容：.element { width: 200px; overflow: hidden; }这样，元素的宽度将被限制为200像素，并且超出该宽度的内容将被隐藏。
以上是阻止CSS更改元素宽度的几种常见方法。根据具体的需求和场景，选择适合的方法即可。
相关·内容
2回答
我试图使这个示例图像的宽度达到紫色背景“#容器”div宽度的100%，即使页面是调整大小的。它的结构是这样的，因为其他的原因，我认为我不能到处走动。它似乎应该是一个简单的解决方案，但我似乎找不到答案。
HTML：
<html>
<head>
<title>Sample Title</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<meta na
浏览 2提问于2015-12-17得票数 1
回答已采纳
4回答
我在一个web应用程序上遇到了一个非常令人沮丧的问题(这不是我最初写的)。它使用框架进行布局已经够可怕的了。我遇到的问题是，所有通过CSS设置背景颜色和边框的元素都默认为100%宽度。我刚刚测试了div元素、段落元素等。
我完全删除了样式表，然后对其进行了测试，我也遇到了同样的问题，所以不是样式表导致了问题。
我写了一个快速测试，以确保它不是冲突的代码，并使用与我们相同的doctype和xmlns --我得到了同样的问题。下面是示例代码。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
&
浏览 0提问于2009-03-06得票数 0
回答已采纳
1回答
水平追加图像
、、、
我试图在一行中显示servlet (图像)的输出，但图像被垂直附加。
这是我的jsp代码：
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<%@ taglib prefix="c
浏览 0提问于2016-03-29得票数 0
1回答
我有一个特殊的结果，当我想应用我的CSS样式之一的asp标签。样式实际上只有部分效果，例如，像background-color和颜色这样的属性正在生效，而宽度和高度则不起作用。我不明白为什么。
ASP
<div id="wrap">
<div id="left" class="Tablestyle">
<asp:Label ID="Label1" runat="server" Text="Entry Number: " class="Tablestyle
浏览 1提问于2013-09-30得票数 0
回答已采纳
1回答
所以，我推上了新的一页。
有一个问题。顶部部分需要100%的宽度，但是rails会自动将其包装在容器类中，这会使它在两边都有一个填充。
要删除填充，我必须从包装learn_more erb文件的模板中删除容器类。
我该怎么做？我想让它的竞争背景是100%的宽度，最终没有显示任何白色的左和右。
我指的是这一页：
谢谢。
更新(Layout.html.erb)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html
浏览 1提问于2014-06-29得票数 1
大家好，程序员朋友们，我对HTML5/CSS/Javascript编程是个新手，我会尽量把我的问题说清楚。
我已经在我的网站上使用了滚动魔术，当你向下滚动时，导航链接会滚动到旁边。这是。然而，我已经意识到，当我这样做时，当导航链接和我的图像元素(带有链接区域)处于同一水平时，我不能再点击下面的图像: Scrollmagic链接移动会阻止其他图像链接。我希望在整个视差滚动过程中仍然能够点击这两个链接，即使导航链接和缩略图链接处于同一级别。
我尝试过:更改两个元素的z值，更改.site-nav和page-nav大小，并花了很多时间尝试编辑零碎内容，看看问题在哪里可以解决，但都无济于事。以下是我认为
浏览 1提问于2015-03-01得票数 0
1回答
我已经创建了一个“下划线”动画，它在链接下面使用了一个：：后伪元素。下面是链接和伪元素的代码：
Link
a {
position: relative;
}
：：之后
a:after {
content: '';
display: inline;
position: absolute;
height: 2px;
width: 0%;
background-color: #ce3f4f;
left: 0%;
bottom: 0px;
transition: all 0.2s ease;
}
a:ho
浏览 2提问于2015-04-26得票数 3
回答已采纳
我正在尝试创建一个css工具提示，html和css代码，同时也给出了小提琴的链接。
<a class="tooltip" href="#">CSS Tooltips 1
<span>Tooltip1</span></a>
</br>
<a class="tooltip" href="#">CSS Tooltips
<span>Tooltip This is not working for me </
浏览 0提问于2014-08-26得票数 1
回答已采纳
2回答
我正在尝试让以下代码工作，以便使列表项均匀分布。
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jque
浏览 1提问于2011-07-23得票数 0
回答已采纳
1回答
我有一个跨页面的css菜单，我有几个区块，我想要它，以便当窗口最小化时，菜单只是保持不变，而不是最小化
是窗口未最小化时的外观
当页面最小化时会发生什么，我想要它，这样菜单就会被切断，不会重写。我也不知道如何制作菜单块(首页，排行榜...)要转到页面的中心，它们会留在边上
下面是我的css代码
@charset "UTF-8";
/* CSS Document */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input,
浏览 4提问于2013-04-26得票数 0
2回答
我经常发现自己使用代码块来处理内联文章图像，如下所示：
...article text.
<div class="article-image right" style="width: 250px;">
<img src="..." width="250" alt="" />
<p class="caption">Potentially long image caption</p>
</div>
More article te
浏览 5提问于2013-09-25得票数 5
回答已采纳
我对的设计有一个问题。我希望它在页面的中间。
这是我的HTML：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server" dir="rtl">
<tit
浏览 2提问于2014-12-15得票数 0
我需要更改容器填充。尤其是宽度。我试图在style.css中找到代码，找到了下面的代码。
.center{ width:85%; margin:0 auto;}
我将宽度调整为100%，但它将徽标和菜单栏放在了左侧。我正在寻找这个问题的解决方案。另外，我想将此css代码仅应用于一个页面。
浏览 4提问于2016-07-18得票数 0
我正尝试在应用程序的标题中添加引导菜单，几乎一切正常，但在<li class='nav-item dropdown'>上使用时，它添加了一个空白空间，并且在响应模式下不会折叠。 我添加了一个简单的菜单，在右边有品牌，结构如下： >Menu
--Home
--Link
--Dropdown
---Action
---Another action
---Something else
--Another dropdown
---Action
---Another action
---Something else
--Disabled
>Brand 在桌面模式
浏览 15提问于2019-06-25得票数 1
我使用jquery-ui的可排序演示已经有一段时间了。
仔细观察，我发现它稍微轻推了div。
这是一个在线演示：
试着将中间的一个向左移动，然后你可以看到右边的向左微移了大约2个像素。
我想知道为什么。这已经扰乱了我其余的功能。
PS:如果jsbin没有显示代码，如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>jQuery UI Sortable - Portlets</ti
浏览 0提问于2010-09-27得票数 0
回答已采纳
<div id = "parent" style = "width:100px; height:100px">
<div id = "child" style = "width:20px; height:20px; font-size:1vw">
Hello there
</div>
</div>
诚然，我对css的理解很差，那就是字体大小:1em，会根据元素本身的宽度的百分比来确定"hello there“的大小。“孩子”的宽度
假设这是正确的，它是否有可能
浏览 10提问于2021-12-22得票数 0
3回答
我使用了以下CSS代码，它工作得很好：
@media screen and (min-width:800px)
{
.column {
width:30%;
display: inline-block;
float: left;
margin-left: 2%;
}
}
但是当我使用下面的CSS代码时，display属性没有改变，为什么？
.column {
width:30%;
display: inline-block;
float: left;
浏览 0提问于2020-08-07得票数 0
下面是演示我的问题的片段。问题是，每当我输入字段时，这个字段就会变得非常小。
$(function() {
$("select").select2({
placeholder: "Select a word",
width: "100%"
});
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<
浏览 1提问于2017-03-31得票数 2
回答已采纳
2回答
使用百分比时停止调整CSS大小
、、、、
当我在css中使用百分比时，如何让我的页面不调整大小？有没有其他方法可以做到这一点？当调整页面大小时，Div会相互碰撞，图片会被挤压。下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<link rel="StyleSheet" href="StyleSheets/StyleSheet.css" />
<title>TeraShare</title>
<script type="text/javascript" src
浏览 2提问于2013-02-16得票数 0
回答已采纳
5回答
我有下拉菜单。
我想把我的图标移到极右。我试过了
if (item.logo) {
result.find("a")
.addClass("ui-menu-item-icon")
.css("background-image", "url(" + item.logo + ")")
.css('background-repeat', 'no-repeat')
.css('background-position&
浏览 7提问于2016-03-03得票数 0
回答已采纳
3回答
设置最大网页宽度
、、
设置网页最大宽度的最简单/最佳方法是什么？例如，假设我不想让用户将宽度扩展到超过400px。HTML代码，CSS，C#？
我使用的是Visual Studio2008 C#环境。
谢谢布鲁斯
浏览 5提问于2011-07-22得票数 0
回答已采纳
3回答
我试图了解边界是如何影响内部div的大小和可视化的。我在我的应用程序中遇到了这个问题，在带有错误的字段周围显示边框，而且我似乎无法正确地获得CSS。(顺便说一句，很明显，我还没有完全“得到”CSS。(我正在研究)。
考虑一下这一页：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Booking Dojo Applica
浏览 2提问于2014-01-18得票数 0
2回答
我不知道当我将类*微添加到div中时，CSS中是什么导致显示在文本框下面的
<div class="editor-field tiny required-indicator">
查看一下jsfiddle：
如果类微被移除，那么textbox后面的*显示就像预期的一样。我还在学习CSS，所以任何帮助都是很棒的。我知道事情很简单，但我找不到问题。
谢谢你的帮助。
浏览 5提问于2016-05-03得票数 0
回答已采纳
正如标题所说，我有一个<button>标记，它有CSS display:块；它应该自动使元素跨过容器的宽度，对吧？我在页面上有其他按钮，但它们是<a>标记，但具有与<button>标记相同的css类。
网站可以在这里找到：，因为你可以在底部看到每个部分的按钮链接。然而，quest中的一个是在页面底部的标题部分：“接收您的免费指南和报价”。
Codepen版本：
HTML：
<a href="#" class="btn">This is a button</a>
<button class="
浏览 1提问于2016-11-03得票数 1
需要一些帮助与CSS生成一个完美的正方形网格。Div看起来像这样，但我希望每个都看起来像一个完美的正方形，而不是长方形。在css中设置宽度和高度并不能做到这一点。:-\
<div class="square" /> ... <div class="square" /> <div class="linebreak" />
<div class="square" /> ... <div class="square" /> <div class="
浏览 0提问于2010-08-05得票数 8
回答已采纳
我有一个代码，代码在页面的右边。它由css修复，如下所示：
#feedback
{
position: absolute;
width: 230px;
float: right;
height: 60px;
right: 310px;
top: 190px;
}
但是，当窗口大小调整时，cs属性'right‘也应该减小，因为如果窗口最小化到100%，则此div不可见
最初，反馈div的$( window ).width() = 1899px;“right”属性应为310px
窗口宽度每减少10px，反馈div的右侧css就会减少4.5px。
Width = 1899px Right
浏览 0提问于2015-07-17得票数 3
假设身体节点具有子节点(例如div)。
可能会有css样式附加到主体，这些样式事先不知道(它们是特定于WWW上可访问的任意页面的)。
子节点(例如div)具有一组静态的css样式。
如何防止父母的css样式“影响”孩子的造型？
浏览 11提问于2014-10-02得票数 0
回答已采纳
3回答
我在Dabblet中有一个代码：
我想让这些部分保持在它们的位置，即使浏览器在不使用绝对定位的情况下调整大小也是如此。例如，当浏览器调整大小时，主内容容器换行。我在大多数容器中使用CSS浮动。
我的代码有什么问题吗？
浮点数适合布局吗？或者我需要用别的什么？..
我只是不能自己修复它，而且通过做了很多研究，仍然没有一个好的想法来使用它来修复这个问题。此外，我还使用HTML5标记，如:节、文章、导航等。
浏览 0提问于2013-06-04得票数 1
回答已采纳
我试图重新调整，或销毁和重新应用jCarouselLite插件时，调整窗口，但我没有成功，这是因为我创建了一个网站，每个页面是一个‘李’，在那里，当导航通过菜单滚动到‘页面’.
我尝试过在调整大小时使用此方法，并重新应用jcarousellite，但它没有奏效：
$('#mega').jCarouselLite = null;
这是我正在使用的代码，但是如果我继续重新应用jcarouselLite，旋转木马就会发疯！
$(document).ready(function(){
w = $(window).width();
h = $(window).height
浏览 2提问于2012-01-10得票数 2
回答已采纳
我写了一个网站设计，它有一个下拉菜单和一个链接到我的facebook页面的页面。但是，每次将鼠标移到下拉菜单上时，h2标签都会向右移动。我怎样才能避免这种情况发生呢？
另外，如何将包含FB页面链接的"a“标记居中，使其在h2标记下居中？代码如下：
<!doctype html>
<html>
<head>
<meta charset = "UTF-8">
<title>practice</title>
<link rel="stylesheet" ty
浏览 1提问于2015-02-03得票数 1
2回答
所以我一直在html5和css3的一个网站上工作，但我遇到了一个问题。我的包装器是960 My，在这个包装器中我有两个DIVs，一个是向左浮动的，那个大小是240 My，还有一个是浮动的，大小是695 My。在浏览器中有一个缩放功能，我假设它模拟不同的分辨率。所以，当我放大几次点击，我的右边浮动div，展开，在我的左浮动div下面。看一看截图：
正常：
缩放：
这是我的CSS：
* { margin:0; padding:0;}
@font-face {
font-family: reckoner;
src: url(../fonts/Reckoner.ttf);
}
@f
浏览 3提问于2015-07-04得票数 2
回答已采纳
我有这个问题，只有当它显示在移动设备上时，才会影响我的网站。
在桌面浏览器上，它看起来如下：
我的精彩游戏X
PriceHistory
然而，在手机上，关闭'X‘按钮出现在标题下，如下所示：
我的精彩游戏
X
价格历史
我的CSS：
#TitleContainer {
padding-bottom: 10px;
float: left;
}
#CloseControl {
padding-right: 10px;
float: right;
}
.PriceHistory {
clear: both;
}
HTML：
<div
浏览 3提问于2020-06-04得票数 0
回答已采纳
1回答
我正在处理一个网页的页脚部分。我正在尝试在css中限制边框底部的长度，但不幸的是，由于某些原因，我无法限制它的长度。我已经为它创建了。
我想要的边框底部的长度显示在这个中。
我在小提琴中写的代码是：
.footer p
{
border-bottom: solid black;
}
浏览 0提问于2017-05-22得票数 0
回答已采纳
我是CSS的新手，我有一个问题。我想做一个很好的简单表单，下面的代码如下：
<form>
<div class="row"><label for="name">Some text field</label><input type="text" name="name" /></div>
<div class="row"><label for="surname">Some another te
浏览 4提问于2013-08-18得票数 1
回答已采纳
我有一个phonegap应用程序，我试图整合谷歌地图显示。
我正在使用以下脚本切换div的visibilty (我在这里还添加了映射脚本，以便在显示div时初始化)：
function showMe( elem ) {
$$( '.toggle' ).each( function( toggle ) {
if ( toggle.id == $(elem).id ){
toggle.show();
if ( toggle.id == $(contact).id ) {
jQ
浏览 2提问于2013-10-08得票数 0
1回答
我正试图把我的头围绕着响应性的网页设计。在这个过程中，我发现了一些很奇怪的东西。采取以下设置：
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/res/css/300-px.css&#
浏览 1提问于2014-11-25得票数 1
回答已采纳
3回答
我正在尝试理解react中的利润率的一些功能，但仍然是React的新手。目前，我有一个render方法，它有一些JSX/HTML。我正在尝试使用CSS来更好地设计它，但是有一些关于代码的问题。
在CSS中，我让Buttons和Margin: auto;对容器NavBar中的元素进行居中，但是它不起作用。但是当我在text-align中使用.NavBar时，它就能工作了。为什么会这样呢？我认为它可以在按钮中工作，因为它将相对于其父容器-> NavBar进行居中。
2.在.NavBar中，例如，当我有高度20%时，它不会改变，除非我以像素为单位进行硬编码。因为NavBar是主Ap
浏览 0提问于2019-08-08得票数 2
3回答
我正在尝试做一个类似聊天的事情，它的结构如下：
<div class="chat">
<div id="messagesWrap" class="chat-messages">
<table id="chat">
<tr>
<td>
A certain long text, whos length overflows the "chat"
浏览 0提问于2014-04-27得票数 7
有没有办法让我的元素只使用CSS来定位，使用整个文档宽度的百分比，而不仅仅是浏览器宽度？
我正在创建一个水平滚动网站，其中所有元素的高度和顶部的对齐设置使用百分比-这是为了适应所有浏览器的大小，并确保所有元素的比例保持。
如果我试图改变页面上一个元素的左(或右)对齐方式，比如；
#my_element {
position: absolute;
top: 5%;
width: 34%
left: 10%;
}
这将是浏览器窗口宽度的10%，而不是body或html元素的实际宽度-这在标准的垂直滚动网站中是有意义的，但对我没有帮助。
我目前的解决办法是使用Java
浏览 2提问于2012-11-09得票数 0
回答已采纳
1回答
我使用的是代码： <script>
jQuery('div.io-title-description').attr('align', 'center');
</script>
<style>
div.io-title-description { text-align: center; }
div.io-title-description a:first-child { font-size: 36; font-weight: bold; text-transform: uppercase; color
浏览 16提问于2020-05-02得票数 0
回答已采纳
1回答
我很难改变我的h:outputLabel的宽度，但是我仍然不能改变它。
通过使用CSS，我可以更改颜色、字体、边框，但不能更改宽度。
非常感谢。
浏览 0提问于2010-01-06得票数 4
回答已采纳
我已经用CSS和HTML开始了我的第一个模板。我正在看一个创建一些主线模板的教程。代码非常简单。HTML： <div class="parent">
<div class="container">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</div>
</div> CSS： .container {
padding-left: 15px;
padding-right: 15px;
margin-l
浏览 26提问于2021-05-04得票数 0
2回答
我想在调整窗口大小时保持div的大小不变。我的css for the div：
.header {
white-space: nowrap;
color: #fff;
padding: 0.5em;
background: linear-gradient(90deg, #B71C1C, #0D47A1, #0D47A1);
}
下面是wrap之前的输出：
在结束之后：
我想要的是标题div始终保持相同的大小，无论浏览器的宽度。
浏览 0提问于2017-03-31得票数 0
这里的全部n00b问题(至少对CSS精英来说是这样的)：
为什么同时具有display: block;和width值的元素似乎不符合其父元素的text-align属性？也就是说，它似乎总是坚持向左走。
显然，这必须与CSS规范一致(我的意思是，如果Chrome、Firefox和Opera都同意这一点，我几乎没有什么疑问)；我只是不太明白。
浏览 0提问于2012-05-08得票数 14
回答已采纳
1回答
在处理最近的一个项目时，我想添加一个scroll-then-fix标题。我对此进行了粗略的研究，但许多在线资源帮助不大，因为它们依赖于各种语言的旧版本，或者大量依赖于无法解释的“魔术数字”。最终，我决定自己编写代码，并生成以下代码：
$(document).ready(function(){
var elementPosition = $('#navbar').offset();
$(window).scroll(function () {
if ($(window).scrollTop() > elementPosition.top) {
浏览 12提问于2017-01-15得票数 0
回答已采纳
我在DOM上有一个项目，我只想让它填充其父对象的宽度，而不管它是什么：
<div width="800">
<div class="filler"></div>
</div>
如何在CSS中指定filler类与其父类的宽度匹配？
.filler {
?
}
浏览 2提问于2011-03-17得票数 50
回答已采纳
5回答
使用后需要刷新
、、
我正在学习JavaScript。我尝试实现一个简单的覆盖，它在单击一个按钮上进行转换，并在单击“关闭”按钮后关闭。
但是，在关闭覆盖后，触发覆盖的按钮不会在单击它时做出响应。但是，在刷新page.Why之后，它工作得很好，是这样吗？
以下是代码：
<a href="#" class="fadeInRight wow btn btn-border btn-lg " onclick="openNav()" data-wow-delay=".6s">Explore More</a>
这是函数openNav()
浏览 1提问于2018-06-27得票数 0
回答已采纳
1回答
我有一个单一的html文件和一个单一的css文件，我想转换成角度2方式=>分隔文档中的一些对象到不同的组件…因此，我创建了一个angular应用程序和组件，并且我不想更改全局css文件中的任何内容。
我试图在我的"index.html“中将全局css应用到我的所有子组件，但似乎每个组件都使用相对于其自身的css。我的意思是，例如，如果在我的"all.css“文件中有以下几行：
.col-lg-3 {
width: 25%;
}
在我的子组件中，25%的宽度将是相对于组件宽度的，而不是相对于我的文档的< body >宽度...这将导致我的组件是主体的25%
浏览 5提问于2017-08-20得票数 0
1回答
我有一个div，我使用作为一个"sidepanel“，有一个宽度:100%和位置:固定。这是我航行的地方。我还有另一个名为"content“的div。它的宽度为600 in，我已经习惯于“边距-左:自动，边距-右:自动”来将其居中于页面的边缘和边沿之间。
但问题是，这两个div是重叠的。我怎样才能阻止它的重叠？我已经包括了下面的HTML和CSS编码。
HTML
<body>
<div id="leftpanel">
<div id="nav">
<ul>
浏览 5提问于2014-03-16得票数 0
我用小提琴复制一个bug，但它总是在小提琴上工作，而不是在网站上。
它只是p标记的水平分组。
在小提琴里它工作得很好。见。
这是HTML
<div id='mi_control' class='radius_all'>
<p id='mi_cover_l' class='menu_bottom small_dark'>Foo ©</p>
<p id='mi_about_l' class='menu_bottom sma
浏览 1提问于2015-08-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
