css-float

    0热度

    1回答

    <div style="float: left; width: 400px; height: 400px; background-color: green;"></div> <div style="width: 400px; height: 400px; background-color: yellow;">Hello World!</div> <div style="width: 4

    2热度

    2回答

    如何创建连续变化的文本阴影,这种阴影在用户端自动波动,就像CSS效果一样,阴影宽度连续变化的动画文本。 我知道如何添加CSS阴影,但如何使其波动? #shadow { text-shadow: 4px 4px 4px #aaa; } <div id=shadow>shadow effect how to fluctuate it</div>

    0热度

    1回答

    这可能是一个愚蠢的问题,但我不明白为什么它不起作用。 我需要创建一个引导菜单,其中每个项目是左侧的图像和右侧的几行文本。 我写以下HTML此: <div class="btn-group"> <ul class="dropdown-menu" style="display: block;"> <li> <a href="#" class="clearfix">

    1热度

    3回答

    我在修改移动导航栏时遇到了问题。我希望导航栏忽略其父分区inner-wrapper宽度80%并使用全宽100%。 我能想到的最合理的解决方案是设置header: relative,width: 100%和header li到absolute与100%一个width。但是,这似乎并不奏效。 我希望每个导航都有一个完整宽度的屏幕,而不是其父包装的全宽。 .header { backgro

    0热度

    1回答

    我使用Bootstrap来获取一些文本和一个按钮,以在屏幕的相对两侧出现在同一行上。我正在使用右键将按钮移到屏幕的右侧,但它只在屏幕宽度很窄时才起作用。如果我将它放大,该按钮会移动到文本旁边。 Here's a JSFiddle example和相关代码: <body> <div class='container-fluid'> <form class="form-inlin

    0热度

    2回答

    我很努力让我的代码中的文本只填充我体元素的80%宽度。不知道我是否应该使用宽度元素或填充。现在也没有为我工作。 HTML: <body> <div id="full"> <h3> The Idea </h3> <p class="paragraph"> text </p> <h3>

    1热度

    1回答

    需要关于将div浮动到另一个上的帮助。我遇到了IE11的问题,因为它会将其他div放在底部而不是横向移动。基本上这整个问题都是div不正确的浮动,我只是认为有人可能已经经历过这一点。 附加我的代码片段。请悬停点击我 #row1:hover { \t top:0px; \t z-index:1; \t width:450px; \t position:relative;

    0热度

    1回答

    我想排队三个面板如截图所示,但我试过的一切都没有解决问题。我已经尝试将面板宽度减少到30%并将它们浮动,并且我使用了display:inline,但问题仍然存在。任何想法是什么造成这种情况? Problem Page HTML: <div class="row" id="hscontent"> <div class="small-12 medium-4 large-4 columns

    1热度

    2回答

    我想把我的边栏与搜索结果旁边我的谷歌地图(我使用gmaps4rails)。我得到了他们并肩但问题是侧边栏没有延伸到地图的长度看图像SideBar with google Map. 这是我在我看来代码 <div id="sideBar" class="pre-scrollable"> <h2><%= @count%> results found </h2> <br> <% @m

    1热度

    1回答

    我有一个只有div和左浮动的表结构。我希望它能够响应(我知道我必须添加媒体查询)。我的代码有问题。现在我想缩小它改变为我试过的水平滚动的窗口,它不起作用。 这里是我的代码: <div style=""> <div style="border: 2px solid green;height:100px;width:100%;"> <div style="width:6r