html - css布局布局bug

标签 html css layout

我目前无法在我的布局中添加边框和边框半径。我尝试了很多不同的东西,但无法让它发挥作用。请帮我。我将在下面提供 HTML 和 CSS 源代码。

HTML:

<div class="colmask fullpage">
    <div class="col1">
        <!-- Column 1 start -->

        ...content goes here...

        <!-- Column 1 end -->
    </div>
</div>

CSS:

/* column container */
.colmask {
  position: relative;   /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear: both;
  float: left;
  width: 100%;          /* width of whole page */
  overflow: hidden;     /* This chops off any overhanging divs */

}
/* 1 column full page settings */
.fullpage {
  background: #fff;
}
.fullpage .col1 {
  margin: 0 1em;
}

最佳答案

我希望这就是你想要的,而不是使用 边框:1px; 尝试 框阴影:0 0 2px 0 #000000; jsfiddle.net/XYwc4/1

关于html - css布局布局bug,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14472950/

相关文章:

python - flask 不服务图片

html - BS3 的最小宽度

javascript - 如何在页面底部添加页脚

Android 设计与 iPhone 设计,相对与绝对

javascript - ExtJs 4.1 中的布局

javascript - 从 url 隐藏提交类型输入值

php - 尝试通过测验系统获得良好的订单

javascript - 防止 body 在鼠标滚轮上滚动,但不是文本区域

javascript - 跳转到页面某段的哈希索引截取了部分内容

python - QWebView 布局不正确